AngularJS:根据JSON数据改变ng-model

Question

我需要根据JSON数据更新我的ng-model。根据输入，返回的JSON可以是

{
   "abc_name":"name1",
   "abc_type":"type1"
}

或

{
  "xyz_name":"someName",
  "xyz_type":"sometype"
}

我的视图当前是

<input type="text" ng-model="abc_name" />

如果JSON返回的键以xyz开头，则需要为ng-model="xyz_name"。对于其他输入表单元素也是如此。

我该怎么做?一个指令?我需要ng-model，因为这些数据需要发送回服务器。

我试了很多，但不知道如何做到这一点!

Answer 1

我对你们的架构有疑问，因为我不认为你们会遇到这样一个设计良好的系统，但除此之外……您可以使用带有真值条件的ng-if来判断属性是否在变量返回中存在:

<div ng-if="myControllerFunction().abc_name">
    <input type="text" ng-model="myControllerFunction().abc_name"/>
</div>
<div ng-if="myControllerFunction().xyz_name">
    <input type="text" ng-model="myControllerFunction().xyz_name" />
</div>