Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在“角度选择”选项中将对象用作值_Javascript_Angularjs_Object - Fatal编程技术网

Javascript 在“角度选择”选项中将对象用作值

Javascript 在“角度选择”选项中将对象用作值,javascript,angularjs,object,Javascript,Angularjs,Object,在下面这样的角度视图中给出以下翡翠,如何使用对象作为值 div(ng-app='MyApp', ng-controller='MyCtrl') div(ng-repeat='localField in localClientFields',ng-cloak) select(ng-model='localField.remote_field',ng-change='changeField(localField)') option(ng-repeat='field in re

在下面这样的角度视图中给出以下翡翠,如何使用对象作为值

div(ng-app='MyApp', ng-controller='MyCtrl')
  div(ng-repeat='localField in localClientFields',ng-cloak)
    select(ng-model='localField.remote_field',ng-change='changeField(localField)')
      option(ng-repeat='field in remoteFields',ng-value='{{field.data}}') {{field.label}}
    div           
      pre {{localField|json}}
作为参考,数据如下所示:

$scope.remoteFields = [{ 
    "label": "Studio Name", 
    "data": { 
        "field_id": 122566593, 
        "type": "text", 
        "external_id": "studio-name" 
        } 
    }, { 
    "label": "Membership Status", 
    "data": { 
        "field_id": 122562654, 
        "type": "category", 
        "external_id": "premier-status" 
        } 
    }
];

注意事项:

  • 当我像上面那样做时(使用
    value
    ),它会导致值是对象的JSON字符串表示,例如
    “{\”字段id\”:122562654、\“type\”:“category\”、\“external\u id\”:“premier status\”}
  • 当我将其作为
    ng value=“field.data”
    执行时,该值将生成字符串
    [Object Object]
  • 由于其他一些原因,我无法使用
    select(ng options=“remoteFields”)
    (但这是在JSBin中设置的)-但这似乎确实允许将对象指定为值
  • 我错过了什么?我知道使用其他元素(如单选按钮、复选框等)可以指定对象作为值。在这种情况下有什么好处


    以及-对于奖励积分-为什么粘贴箱中的
    ng options
    方法没有正确预选该选项?

    使用
    ng options
    跟踪
    语句,而不是使用
    ng repeat
    @charlietfl-你看过我的jsbin了吗?你看过我的笔记了吗?我指出这会造成一些问题-我很高兴使用它,但在
    ng options
    使用
    ng options
    跟踪by
    语句而不是使用
    ng repeat
    @charlietfl的情况下,仍然存在一个关于如何解决预选的问题-您查看了我的jsbin吗?你看过我的笔记了吗?我表示这会导致一些问题-我很高兴使用它,但在
    ng选项的情况下,如何解决预选问题仍然是一个问题