programing

Angular에서 선택한 사용 예가 필요합니다.JS입력양식

minimums 2023. 10. 5. 21:26
반응형

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

반응형