如何修复此AngualrJS数据-ng-init绑定初学者
如何修复此AngualrJS数据-ng-init绑定初学者
提问于 2013-11-15 14:48:30
我正在学习AngularJS教程：http://www.youtube.com/watch?v=i9MHigUZKEM
下面是代码片段：
<html data-ng-app="">
<body data-ng-init="names=[{'John Smith'} , {test}]">
Name :
<br />
<input type = "text" data-ng-model="name" /> {{name}}
<h3>Looping with the ng-repeat Directive</h3>
<br />
<ul>
<li data-ng-repeat="personName in names" {{personNamde
</ul>
<script src="angular.min.js"></script>
</body>
</html>线<body data-ng-init="names=[{'John Smith'} , {test}]">
导致异常：
Error: [$parse:syntax] http://errors.angularjs.org/undefined/$parse/syntax?p0=%7D&p1=is%20unexpected%2C%20expecting%20%5B%3A%5D&p2=21&p3=names%3D%5B%7B'John%20Smith'%7D%20%2C%20%7Btest%7D%5D&p4=%7D%20%2C%20%7Btest%7D%5D
at Error (<anonymous>)
at file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:6:453
at Ya.throwError (file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:152:398)
at Ya.consume (file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:153:359)
at Ya.object (file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:161:39)
at Ya.primary (file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:152:33)
at Ya.unary (file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:158:273)
at Ya.multiplicative (file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:158:6)
at Ya.additive (file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:157:376)
at Ya.relational (file:///C:/workspaces/04072013/AngularJSFirst/WebContent/angular.min.js:157:240) <body data-ng-init="names=[{'John Smith'} , {test}]"> angular.min.js:83它似乎在抱怨“{”括号的使用？
密码正确吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-11-15 14:56:11
试一试
<div data-ng-init="names=['John Smith' , 'test']">
Name :
<br />
<input type = "text" data-ng-model="names[1]" /> {{names[1]}}
<h3>Looping with the ng-repeat Directive</h3>
<br />
<ul>
<li data-ng-repeat="personName in names"> {{personName}}</li>
</ul>
</div>演示：小提琴
Stack Overflow用户
发布于 2013-11-15 17:42:23
虽然Arun的答案在技术上是正确的，但您不应该为此目的使用ng-init，而应该在控制器中定义names。ng-init只应用于特殊情况，例如嵌套ng-重复，请参阅它们的docs http://docs.angularjs.org/api/ng.directive:ngInit和小红框。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20003750
复制相关文章
相似问题
腾讯云开发者
