当前位置: 首页 > 知识库问答 >
问题:

在Angularjs中设置值选择[重复]

梁宏才
2023-03-14

我试图将值绑定到下拉列表,我的数据是一个对象数组,但找不到一种方法将所选内容的id绑定到下拉列表值。

这是我的密码和小提琴

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是值。

谢啦

共有1个答案

彭骏
2023-03-14

使用as指定值。

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

JSFIDLE

 类似资料:
  • 问题内容: 我有一个用于编辑对象的表单,但无法在选择框中选择一个值。 我有一个代表要编辑的json数组,看起来像这样: 现在我同时从另一个如下所示的json数组中填充选择框: 在我的网页内,我正在创建选择框,如下所示: 选择框正在为我填充,但应该选择与中的版本匹配的值。我已经尝试了和,甚至尝试了设置,甚至都行不通。 我已经在Angularjs网站和google上进行了搜索,并浏览了无数教程,但是仍

  • 我有一个目标如下。我必须将其显示为下拉列表: 在我的控制器中,我有一个携带值的变量。该值决定了在下拉列表中默认选择阵列中上述三项中的哪一项: 当我创建下拉表单项时,如下所示: 我面临两个问题: > 而不是 默认情况下,即使我有

  • 问题内容: 大家好,我将我的下拉列表与Jquery-Select2绑定在一起。它的工作正常,但现在我需要使用Jquery-Select2绑定多值selectBox。 我的DropDwon 通过此链接 http://ivaynberg.github.com/select2/ 我正在使用Mutiple Value Select Box,我可以将dropdwon与 它的工作正常,但现在我需要在编辑模式的

  • 问题内容: 我有多种选择: 我从数据库加载数据。然后我有一个像这样的字符串: 如何在多重选择中设置此值?已经尝试更改字符串在数组中的值并将其作为值的倍数,但不起作用…!有人可以帮我弄这个吗?谢谢!!! 问题答案: 使用利用属性选择器的动态选择器中的值遍历循环。

  • 我想更改页面加载时的“选择组件”值。我读了相关的帖子,那里提出的每一个解决方案都适用于点击按钮。然而,我想要的是在页面加载后设置值,而不需要任何用户操作。我拥有的是: 以及: 我有相同的代码附加到按钮上,并且它可以工作。它只是不适用于准备()函数。所以我的问题是:如何在页面加载后设置选择值? 完整html

  • 问题内容: 我需要建立一个系统,以按选择的票数更改总价。我创建了一些单选按钮来选择票证编号。问题是未设置默认值,并且加载时结果为null。 请参阅我的jsfiddle。 问题答案: 设置默认值与ngInit 演示:小提琴