基于数据集而不是位置的角度数据绑定

Question

我有一个下拉列表，应该在选择后显示下面的名称。但是，数据是在数组中的位置而不是引用它周围的数据。

如果您想直接参考示例，请使用以下内容：http://plnkr.co/edit/8rfBM4Lz8C1jSQCoPAmL?p=preview

例如，我在我的控制器中有这个引用以下数据集：

<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>

然后是我的数据集：

$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"
      }
    ];

但正如您所看到的，如果选择了4，则显示Hello ThisName4而不是其分配的＆＃34; ThisName3＆＃34;当选择7时，它不会显示任何内容。