AngularJS - 如何将输入名称动态插入错误状态？

Question

我正在使用 Angular 1.5 编写表单，并且正在使用 ngMessages。

我的表单将根据我从服务器返回的内容动态生成。

例如

    <!-- dynamic form -->
    <div ng-repeat="entry in form.items track by entry.id">

        <!-- item type 0, text input -->
        <label ng-if="entry.itemtype === '0'" class="item item-input item-stacked-label" ng-class="{ 'has-error' : templateForm.{{entry.id}}.$invalid }">
            <span class="input-label"><span ng-if="entry.mandatory === '1'">* </span>{{ entry.itemlabel }}</span>
            <input type="text" name="{{ entry.id}}" ng-model="entry.value" placeholder="{{ entry.itemlabel }}" required="entry.mandatory === '1'">
        </label>

我想使用条目 id 来命名输入元素。我该如何写这部分： ng-class="{ 'has-error' : templateForm.{{entry.id}}.$invalid }"?

我尝试在没有 {{}} 的情况下这样做，但它不起作用。

Answer 1

可以用这个语法 angular 1.5.3+ 来完成

templateForm[entry.id].$invalid