AngularJS - 如何将输入名称动态插入错误状态?
AngularJS - how to dynamically insert input name into error state?
我正在使用 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 }"?
我尝试在没有 {{}} 的情况下执行此操作,但没有成功。
可以用这个语法完成 angular 1.5.3+
templateForm[entry.id].$invalid
我正在使用 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 }"?
我尝试在没有 {{}} 的情况下执行此操作,但没有成功。
可以用这个语法完成 angular 1.5.3+
templateForm[entry.id].$invalid