반응형
개체 데이터 소스가있는 ng-options
ng-options가 데이터 소스에서 어떻게 작동하는지 이해하기 위해 고군분투하고 있습니다. 문서를 읽었으며 필요한 작업을 정확히 수행하고있는 것처럼 느껴지지만 시도 할 때 여전히 문제가 발생합니다.
<!DOCTYPE html>
<html ng-app="app">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"> </script>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript">
angular.module('app', [])
.controller('IndexCtrl', ['$scope', function($scope) {
$scope.types = {
1: "value1",
2: "value2",
5: "value3"
};
}]);
</script>
</head>
<body ng-controller="IndexCtrl">
<select ng-model="type" ng-options="k as v for(k, v) in types">
<option value="">Select Type</option>
</select>
</body>
</html>콘솔에서 항상이 오류가 발생합니다.
오류:
' select ( 라벨로 ) 형식의 ngOptions가 필요 합니까? ( 키 ,)? 값 의 집합 (기준 트랙 EXPR )? 그러나 'k as v for (k, v) in types'가 있습니다.
내가 뭘 잘못하고 있니?
여기에서 plunkr를 참조하십시오.
http://plnkr.co/edit/Bl6u4151KyDkxhYrsdCm?p=preview
이것은 다소 이상하지만 뒤에 공백을 넣어야하는 것 같습니다 for. 이것은 작동합니다 :
<select ng-model="type" ng-options="k as v for (k, v) in types">
<option value="">Select Type</option>
</select>
참조 URL : https://stackoverflow.com/questions/20392678/ng-options-with-object-data-source
반응형
'programing' 카테고리의 다른 글
| 해시 배열에서 값 수집 (0) | 2021.01.19 |
|---|---|
| vba를 사용하여 현재 작업 디렉토리를 얻는 방법은 무엇입니까? (0) | 2021.01.19 |
| Amazon S3 및 Cloudfront 캐시, 캐시를 지우거나 캐시를 동기화하는 방법 (0) | 2021.01.19 |
| 보다 크거나 작은 CSS n 번째 하위 (0) | 2021.01.19 |
| 지도를 복사하는 방법? (0) | 2021.01.19 |