Angularjs 基于数据集而非位置的角度数据绑定

Angularjs 基于数据集而非位置的角度数据绑定,angularjs,parsing,data-binding,angularjs-scope,ng-options,Angularjs,Parsing,Data Binding,Angularjs Scope,Ng Options,我有一个下拉列表,应该在选择后的下方显示一个名称。但是,数据是通过它在数组中的位置来获取的,而不是引用它周围的数据 如果您想直接进入示例,这里是plunker: 例如,我的控制器中有一个引用以下数据集的数据: <select ng-model="defcom" ng-options="opt.DefCom as opt.DefCom for opt in acct_info | filter:{Req:'MUST'}:true" > </select

我有一个下拉列表,应该在选择后的下方显示一个名称。但是,数据是通过它在数组中的位置来获取的,而不是引用它周围的数据

如果您想直接进入示例,这里是plunker:

例如,我的控制器中有一个引用以下数据集的数据:

<select ng-model="defcom"
        ng-options="opt.DefCom as opt.DefCom for opt in acct_info | filter:{Req:'MUST'}:true" >
      </select>
       <p>Hello {{ acct_info[defcom-1].AcctName }}</p>

但正如您所看到的,如果选择了4,Hello ThisName4将显示,而不是其指定的“ThisName3”,当选择7时,它不会显示任何内容

是否希望将defcom变量绑定到defcom值(1,5,4,7)?您可以将其绑定到整个选定对象。@Yevgeniy.Chernobrivets是的,我想这样做。如何做到这一点?我试过DefCom.AcctName,但结果是空的。看看这个@Yevgeniy.Chernobrivets这几乎解决了我的问题,但更改ng选项摆脱了我在同一个plunker上设置的默认值
$scope.acct_info = [
      {
        "Req": "MUST",
        "DefCom": "1",
        "AcctName": "ThisName"
      },
      {
        "Req": "NoMUST",
        "DefCom": "5",
        "AcctName": "ThisName2"
      },
      {
        "Req": "MUST",
        "DefCom": "4",
        "AcctName": "ThisName3"
      },
      {
        "Req": "MUST",
        "DefCom": "7",
        "AcctName": "ThisName4"
      }
    ];