Platform edukasi untuk persiapan wawancara, tes online, tutorial, dan latihan langsung

Bangun keterampilan dengan jalur belajar terfokus, tes simulasi, dan konten siap wawancara.

WithoutBook menghadirkan pertanyaan wawancara per subjek, tes latihan online, tutorial, dan panduan perbandingan dalam satu ruang belajar yang responsif.

Cari di perpustakaan

Prepare Interview

Angular JS Pertanyaan dan Jawaban Wawancara

Ques 16. How will you display different images based on the status being red, amber, or green?

Use the ng-switch and ng-switch-when directives as shown below.

<img class="statusIcon"

src='apps/dashboard/amber-dot.jpg' />

</div>

<img class="statusIcon"

src='apps/dashboard/green-dot.jpg' />

</div>

<img class="statusIcon"

src='apps/dashboard/red-dot.jpg' />

</div>

Apakah ini membantu? Ya Tidak Add Comment View Comments

Ques 17. How will you initialize a select box with options on page load?

Use the ng-init directive.

<div ng-controller="apps/dashboard/account" ng-switch

on="!!accounts" ng-init="loadData()">

Apakah ini membantu? Ya Tidak Add Comment View Comments

Ques 18. How will you show/hide buttons and enable/disable buttons conditionally?

Using the ng-show and ng-disabled directives.

<div class="dataControlPanel"

ng-show="accounts.releasePortfolios">

<button class="btn btn-primary btn-small"

ng-click="saveComments()" ng-disabled="disableSaveButton">Save</button>

<button class="btn btn-primary btn-small"

ng-click="releaseRun()" ng-disabled="disableReleaseButton">Release</button>

</div>

Apakah ini membantu? Ya Tidak Add Comment View Comments

Ques 19. How will you loop through a collection and list each item?

Using the ng-repeat directive.

<table

class="table table-bordered table-striped table-hover table-fixed-head portal-data-table">

<thead>

<tr>

<th>account</th>

<th>Difference</th>

<th>Status</th>

</tr>

</thead>

<tbody>

<tr

ng-repeat="account in acounts">

<td width="40%">{{account.accountCode}}</td>

<td width="30%" style="text-align: right">{{account.difference

| currency: ""}}</td>

<img class="statusIcon"

src='apps/dashboard/amber-dot.jpg' />

</div>

<img class="statusIcon"

src='apps/dashboard/green-dot.jpg' />

</div>

<img class="statusIcon"

src='apps/dashboard/red-dot.jpg' />

</div>

</td>

</tr>

</tbody>

</table>

Apakah ini membantu? Ya Tidak Add Comment View Comments

Ques 20. How will you add options to a select box?

Using the ng-options and ng-model directives.

<dt>

<h4>Client Id:</h4>

</label>

</dt>

<dd>

<select id="cientId" class="input-xlarge" ng-model="clientId"

ng-options="reportClient.clientId as reportClient.clientId for reportClient in reportClients "

ng-click="getReportParams()" ng-change="getValuationDates()" />

</dd>

</dl>

<dt>

<h4>

Valuation Date <small>(dd/mm/yyyy)</small>

</h4>

</label>

</dt>

<dd>

<select id="valuationDate" class="input-xlarge"

ng-model="valuationDate"

ng-options="reportdate for reportdate in reportDates" />

</dd>

</dl>

</fieldset>

Apakah ini membantu? Ya Tidak Add Comment View Comments

Most helpful rated by users: