javascript - ng-if 内部的插值

标签 javascript angularjs

<分区>

我正在前端使用 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 }"

最佳答案

您不需要插值,只需像这样直接访问值:

data-ng-if="form.dateInput[question.questionAnswerId].$error.required && submitted"

关于javascript - ng-if 内部的插值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29812164/

相关文章:

javascript - Ionic/Angular,将 JSON/Array 值作为 HTML 传递

javascript - 将 CKEditor/TinyMCE 与 Meteor 一起使用

javascript - 从 Facebook 点赞中获取评论?

javascript - chrome 扩展无法使用内容脚本和其他方式从谷歌加载外部 javascript

javascript - 如何在 AngularJS 中 Controller 之间进行通信?

javascript - 在 Xampp Web 服务器上设置 AngularJS 和 NodeJS

javascript - 如何让 Angular2+ 路由器在 Angular2+/AngularJS 混合应用程序上工作?

javascript - 如何管理网站中的 jQuery 库?

javascript - 为什么使用箭头函数会导致我的代码出现错误?

javascript - AngularJS - 当用户离线时使用服务更新 View