Angular js选择绑定

Angular js select binding

本文关键字：绑定 选择 js Angular      更新时间：2023-09-26

关于如何做到这一点，我已经看了很多例子，但似乎仍然不能弄清楚。我已经设置了一个非常简单的角与控制器应用程序，我试图填充一个单一的选择标签。

<body data-ng-app="App">
<div data-ng-controller="DemoController">
    {{var}}
    <select data-ng-options="v.id as v.name for v in selectVals">
        <option value="">Select</option>
    </select>
</div>
</body>
angular.module('App', []).controller('DemoController', function($scope) {
        $scope.var = 'a';
        $scope.selectVals = [
            { name: '1st', id: 1 }, 
            { name: '2nd', id: 2 }
        ];
});

这里是jsFiddle: http://jsfiddle.net/Fc5ne/3/如有任何帮助，我将不胜感激。

我已经在这些地方看了，并试图比较我的代码，但我仍然缺少一些东西:https://docs.angularjs.org/api/ng/directive/select, http://jsfiddle.net/qWzTb/， http://jsfiddle.net/qm7E7/19/， Angular:将对象绑定到

这是一个棘手的问题。ng-model指令也是必需的。请放心，许多人(包括我自己)都为此受到了伤害。

<select data-ng-model="test" data-ng-options="v as v.name for v in selectVals"></select>
http://jsfiddle.net/Fc5ne/4/

要设置select元素的选项，可以使用ng-options指令。对于所选值，可以使用ng-model指令。

jsfiddle: http://jsfiddle.net/rpaul/j5ewuek5/

相关文章：