javascript - 在 Angularjs 选择中设置值

标签 javascript angularjs

<分区>

我正在尝试将值绑定(bind)到下拉列表,我的数据是一个对象数组,但找不到将选择的 ID 绑定(bind)到下拉列表值的方法。

这是我的代码和 fiddle

var app = angular.module('myApp', []);
function Ctrl($scope) {
    $scope.optionSource = [{
        "name" : "First Cost",
        "id" : "1"

        }, {
        "name" : "Second",
        "id" : "3"

        }, {
        "name" : "Third",
        "id" : "2"

        }, {
        "name" : "Sone",
        "id" : "5"

        }, {
        "name" : "List  CC",
        "id" : "4"
    }];
    $scope.value = [2,4];
}

html

<select multiple="multiple" ng-model="value"
    ng-options="option.name for option in optionSource">
</select>

http://jsfiddle.net/7RUzu/1/

我希望 id 成为值。

谢谢

最佳答案

使用as来指定值。

<select multiple="multiple" ng-model="value"
    ng-options="option.id as option.name for option in optionSource">
</select>

jsfiddle

关于javascript - 在 Angularjs 选择中设置值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24666119/

相关文章:

AngularJS。选择具有NG-Model属性时,NG选择不起作用

javascript - 我应该如何将数字映射到 JSON 中的文本?

javascript - 如何将元素的 ID 传递给匿名函数?

javascript - Protractor 5.1.1 不适用于 Chrome 58

javascript - 将设置传递给 AngularJS 应用程序

javascript - Angular JS : rest API is called with a delay

javascript - 处理 REST API 的长响应时间

javascript - 如何在JavaScript中获取 session ID

javascript - 类型错误 : Cannot read property 'controller' of undefined

AngularJS 没有检测到 Access-Control-Allow-Origin header ?