나는 전에 앵귤러를 사용하지 않았지만 이것이 작동하도록 노력하고 있습니다. 코드는 목록으로 작동했지만 선택 드롭 다운을 사용하여 동일한 작업을 수행하고 싶습니다. 누군가 제발 도와 줄 수 있습니까?
<select ng-model="data.selectedOption"> <option ng-click="myFilter = {pay_status : 'Paid'}" value="Paid Work">Paid Work</option> <option ng-click="myFilter = {pay_status : 'Volunteer'}" value="Volunteer Work">Volunteer Work</option> <option ng-click="myFilter = {opento : 'Undergraduates'}" value="Undergraduates">Undergraduates</option> <option ng-click="myFilter = {opento : 'Postgraduates'}" value="Postgraduates">Postgraduates</option> </select> </div>
나는 목록을 사용하여 동일한 코드 (ng-click 등)를 사용했으며 작동했기 때문에 옵션에 대해 동일한 작업을 할 수 있기를 바랐지만 변경해야 할 것은 무엇입니까?
당신의 도움을 주셔서 감사합니다!
컨트롤러를 통해 데이터에 바인딩하도록 select 지시문을 설정할 수 있습니다.
<div ng-controller="myCtrl">
<select
ng-model="myFilter"
ng-options="value.label for value in myFilters">
<option>--</option>
</select>
<div>
myFilter: {{myFilter.filter}}
</div>
</div>
그리고 당신의 JS는
function myCtrl($scope) {
$scope.myFilters = [{
"filter": {pay_status : 'Paid'},
"label": "Paid Work"
},{
"filter": {pay_status : 'Volunteer'},
"label": "Volunteer Work"
},{
"filter": {opento : 'Undergraduates'},
"label": "Undergraduates"
},{
"filter": {opento : 'Postgraduates'},
"label": "Postgraduates"
}];
};
바이올린을보십시오 :-http: //jsfiddle.net/vxvcbrxs/
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다