<分区>
我正在前端使用 AngularJS 编写一个应用程序,该应用程序使用指令动态创建表单元素,因此每个表单元素的名称都无法提前知晓。
我目前正在尝试为每个元素实现表单验证,但这需要插值来确定每个表单元素的名称。这是我尝试做的:
<span class="error-msg" data-ng-if="form.dateInput{{ question.questionAnswerId }}.$error.required && submitted">
Required
</span>
但是,这给了我以下错误:
Syntax Error: Token '{' is an unexpected token at column 15 of the expression [form.dateInput{{ question.questionAnswerId }}.$error.required && submitted] starting at [{{ question.questionAnswerId }}.$error.required && submitted].
因为这似乎是不允许的,如果没有回答所需的表单元素,是否有另一种方法可以显示消息?
我能够按如下方式在 ng-class 中插入每个表单元素的名称,所以我认为它也适用于 ng-if。
ng-class="{ 'has-error' : form.dateInput{{ question.questionAnswerId }}.$invalid && submitted }"