ng-selected는 어떻게 작동합니까?
여기 토막글이 있습니다.Q2는 예상대로 선택되었습니다.
<select name="quarter" ng-model="Quarter" >
<option value="1" >Q1</option>
<option value="2" ng-selected="Quarter=='Q1'">Q2</option>
<option value="3">Q3</option>
<option value="4">4</option>
</select>
변화하는'Q1'로.'Q2' 제가 기대하는 대로 아무것도 선택하지 못합니다.이제 퍼팅합니다.ng-selected="Quarter=='Q1'"삭제할 때까지 Q1을 선택하지 않습니다.ng-selected="Quarter=='Q2"
wtf. 어떻게 작동합니까?
옵션 요소에 ng-selected를 넣으면 ng-selected 값이 참일 때 옵션이 선택됩니다.이 경우 분기가 Q1일 때 Q2 옵션이 선택됩니다.
Quarter에서 전달된 값을 선택하려면 선택 요소에 ng-selected를 넣어야 합니다.
<select name="quarter" ng-model="Quarter" ng-selected="Quarter"
ng-options="Quarter for Quarter in Quarters" >
{{Quarter}}
</select>
선택 지시 문서를 살펴봅니다.
<select ng-model="hour">
<option ng-selected="hour == $index" ng-repeat="h in (((b=[]).length=24)&&b) track by $index" ng-bind="$index">{{h}}</option>
</select>
24시간 동안 선택을 원한다면 이렇게 할 수 있습니다.
다음과 같이:
<body ng-controller="MainCtrl">
{{referenceNumber}}
<select ng-model="referenceNumber">
<option ng-selected="!referenceNumber">Default</option>
<option ng-repeat="number in numbers track by $index" ng-value="number">{{number}}</option>
</select>
</body>
"저는 ngSelected의 주요 이유 중 하나가 모델이 올바르게 설정되지 않았는지에 따라 기본값을 설정하기 위함이라고 생각합니다."라고 joshkurz는 2014년 3월 3일에 언급했습니다.
따라서 올바른 방법은 오직 당신의 경우에만 ng-model에 의존하는 것입니다.원하는 작업을 수행하는 올바른 방법(옵션 선택 전)은 다음과 같습니다.
<select ng-model="purchase.product" name="purchase.product" class="u-full-width" ng-options="product.id as product.name for product in products"></select>
참조:
- http://plnkr.co/edit/xXq3b40nvqkjPlyCxZNG?p=preview
- https://github.com/angular/angular.js/issues/6528
그ng-selecteddirective는 true/false boolean 결과를 가져오는 부울 값 또는 식을 사용합니다.
그 가치만 전달하면 됩니다.true그것을 작동시키거나 또는 그것으로 이끄는 표현을 만들기 위해.true.
ng-model 과는 상관이 없습니다.<select>꼬리표를 매다
다음은 이러한 동작의 예입니다.
<select name="quarter" ng-model="Quarter" >
<option value="1" >Q1</option>
<option value="2" ng-selected="true">Q2</option>
<option value="3">Q3</option>
<option value="4">Q4</option>
</select>
그러면 옵션 Q2가 기본적으로 선택됩니다.
언급URL : https://stackoverflow.com/questions/15771629/how-does-ng-selected-work
'source' 카테고리의 다른 글
| Jquery Ajax - 막대한 문자열 값 게시 (0) | 2023.10.28 |
|---|---|
| 워크시트 위치가 범위를 벗어납니다.연결이 닫혔습니다.EPLUS 사용시 (0) | 2023.10.28 |
| 블록 댓글 작성에 #if 0을 사용하는 이유는 무엇입니까? (0) | 2023.10.23 |
| JSON RESTful 서비스를 C/C++에서 구현하는 방법 (0) | 2023.10.23 |
| Jquery 데이터 테이블이 삭제/재작성 (0) | 2023.10.23 |