Angularjs 通过ng模型绑定查找DOM元素

我需要在dom中找到映射到特定模型属性的元素。我需要搜索dom并使用模型属性名

<input type="text" ng-model="vm.MyProperty" />

呈现表单后，我的客户机将调用一个配置API，该API将向我返回此JSON对象

{ 年龄：“只读”， “地址.郊区”：“隐藏” }

我需要config对象包含任意数量的键值对，遍历它，然后找到绑定到由键表示的model属性的相应dom字段，并相应地对其应用ng readonly或ng hidden

我在寻找如何使用config对象中的键查找每个dom元素的方法

希望我清楚？是否有一种聪明的方法可以使用公共键而不是普通字符串来关联两个模型对象？

---

}

假设您通过

$http

（或类似方式）调用API，为什么不使用Angular来控制适当的属性呢

例如，将从API返回的对象分配给作用域属性，然后

<input ng-model="vm.Age"
       ng-readonly="vm.dataObj.Age == 'readonly'"
       ng-hide="vm.dataObj.Age == 'hidden'"
       ...>

<input ng-model="vm.Address.Suburb"
       ng-readonly="vm.dataObj['Address.Suburb'] == 'readonly'"
       ng-hide="vm.dataObj['Address.Suburb'] == 'hidden'"
       ...>

你问的有点不清楚，但如果你问的是我的想法，那就简单到

document.querySelector（'[ng model=“vm.MyProperty”]'）

…可能是重复的，这就是我要找的。还有其他优雅的方式吗？@SimonKirk你如何定义“优雅”？思考都是倒退的。。。。实际上，让数据模型驱动视图，而不必担心自己找到dom元素。是的，我希望有一种方法可以在所有元素上添加一个指令。我不必在tehre中添加vm.dataObj.Age==“readonly”内容的名称。该指令足够聪明，可以知道模型绑定到哪个模型属性，并使用该字符串查找元数据对象的hidden和readonly，然后应用它。我不知道在角度上如何，告诉我Mr元素在运行时绑定到哪个模型属性

<input ng-model="vm.Age"
       ng-readonly="vm.dataObj.Age == 'readonly'"
       ng-hide="vm.dataObj.Age == 'hidden'"
       ...>

<input ng-model="vm.Address.Suburb"
       ng-readonly="vm.dataObj['Address.Suburb'] == 'readonly'"
       ng-hide="vm.dataObj['Address.Suburb'] == 'hidden'"
       ...>