반응형
Angular에서 선택한 사용 예가 필요합니다.JS입력양식
개체 배열을 사용하려고 합니다.
(array = [{name: 'Moe', id:1}, {name: 'Larry', id:2}, {name: 'Curly', id:3}])
각도 내에서 드롭다운 선택으로JS 입력 양식, 그리고 저는 예시가 꼭 필요합니다.누가 나를 깨우쳐줄 수 있는 jsFiddle을 알려줄 수 있습니까?
저는 당신이 할 수 있는 곳에서 ng-options를 사용하는 것을 추천합니다.
<select ng-model="choice" ng-options="x.id as x.name for x in array"></select>
이를 확인해 보십시오. 실제 개체를 선택하는 데 사용할 수 있습니다.
app.controller('ExampleCtrl', function($scope) {
$scope.items = [
{ id: 1, name: 'Foo' },
{ id: 2, name: 'Bar' }
];
$scope.selectedItem = null;
});
<div ng-controller="ExampleCtrl">
<select ng-model="selectedItem"
ng-options="item as item.name for item in items"></select>
{{selectedItem | json}}
</div>
위의 예에서 드롭다운에서 무언가를 선택하면 실제로 선택한 것에 전체 객체 참조를 설정하는 것입니다.항목이 값 유형일 뿐입니다.
참고: ng-options를 사용하면value=""
컬렉션에 있는 항목의 지수에 대한 속성은 설계상의 것입니다.
정말 최선의 방법입니다.
편집: 요청한 대로 컨텍스트가 더 많습니다.그리고 여기 사용중인 플렁커가 있습니다.
<select ng-model="choice">
<option ng-repeat="obj in array" value="{{obj.id}}">{{obj.name}}</option>
</select>
또는 'ng-options'를 사용합니다 - http://docs.angularjs.org/api/ng.directive:select
<dropdown-multiselect pre-selected="member.roles" model="selected_items" options="roles"></dropdown-multiselect>
<pre>selected roles = {{selected_items | json}}</pre>
언급URL : https://stackoverflow.com/questions/14817728/need-example-of-select-usage-in-angularjs-input-form
반응형
'programing' 카테고리의 다른 글
Jquery 배경색 변경 (0) | 2023.10.05 |
---|---|
GraphQL ID를 고객의 문자열로 처리해야 합니까? (0) | 2023.10.05 |
MYSql의 새 줄 문자 바꾸기가 작동하지 않습니다. (0) | 2023.10.05 |
XSLT를 사용한 XML에서 CSV로 (0) | 2023.10.05 |
MYSQL SELECT 1년 전 기록 (0) | 2023.10.05 |