Question

我正在开发一个基于角度的项目。我在ng-repeat中初始化变量时遇到问题。我想在ng-init中初始化一个变量并在ng-model中使用它。我在控制台中遇到以下错误。任何帮助将不胜感激

ionic.bundle.js:25510 Error: [$parse:syntax] Syntax Error: Token '{' invalid  key at column 6 of the expression [key={{component.name}}] starting at [{component.name}}].
http://errors.angularjs.org/1.4.3/$parse/syntax?p0=%7B&p1=invalid%20key&p2=6&p3=key%3D%7B%7Bcomponent.name%7D%7D&p4=%7Bcomponent.name%7D%7D
at http://localhost:8100/lib/ionic/js/ionic.bundle.js:13248:12
at Object.AST.throwError (http://localhost:8100/lib/ionic/js/ionic.bundle.js:26061:11)
at Object.AST.object (http://localhost:8100/lib/ionic/js/ionic.bundle.js:26048:16)
at Object.AST.primary (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25956:22)
at Object.AST.unary (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25944:19)
at Object.AST.multiplicative (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25931:21)
at Object.AST.additive (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25922:21)
at Object.AST.relational (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25913:21)
at Object.AST.equality (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25904:21)
at Object.AST.logicalAND (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25896:21)
at Object.AST.logicalOR (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25888:21)
at Object.AST.ternary (http://localhost:8100/lib/ionic/js/ionic.bundle.js:25874:21) <div ng-repeat="component in reportTemplate" ng-init="key={{component.name}}" class="inputFieldSection inputFieldTitle" ng-if="component.type == 'text'" data-ng-animate="1">

以下是我的代码段

<div ng-repeat="component in reportTemplate" ng-init="key={{component.name}}" class="inputFieldSection inputFieldTitle" ng-if="component.type == 'text'">
                          <label class="item item-input">
                            <input type="text" name={{component.name}}  ng-model=reportTemplateKeyData[key] ng-focus="clearValidation();" max-length="50" required placeholder="{{component.label}}">
                          </label>
                          <p ng-show="createReportForm[component.name].$error.required">Please Enter {{component.name}}</p>
                   </div>

Answer 1

您应该删除{{}}。

ng-init="key=component.name"

Answer 2

尝试将ng-init更改为：ng-init="key=component.name"

如何在ng-repeat中使用ng-init将值绑定到变量？

2 个答案: