면접 준비, 온라인 테스트, 튜토리얼, 라이브 연습을 위한 학습 플랫폼

집중 학습 경로, 모의고사, 면접 준비 콘텐츠로 실력을 키우세요.

WithoutBook은 주제별 면접 질문, 온라인 연습 테스트, 튜토리얼, 비교 가이드를 하나의 반응형 학습 공간으로 제공합니다.

라이브러리 검색

Prepare Interview

Angular JS 면접 질문과 답변

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>

도움이 되었나요? 예 아니요 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()">

도움이 되었나요? 예 아니요 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>

도움이 되었나요? 예 아니요 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>

도움이 되었나요? 예 아니요 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>

도움이 되었나요? 예 아니요 Add Comment View Comments

Most helpful rated by users: