如何解決這個AngualrJS數據-NG-INIT結合 - 初學者

我下面這個教程AngularJS：http://www.youtube.com/watch?v=i9MHigUZKEM 如何解決這個AngualrJS數據-NG-INIT結合 - 初學者

下面是一個代碼片段：

<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

它似乎是com打算使用'{'括號？

代碼是否正確？

來源

2013-11-15 blue-sky

嘗試'['John Smith'，'test']' –

請參閱http://jsfiddle.net/arunpjohny/S635U/1/ ...您的數組初始化是錯誤的 –

對象必須具有鍵和值。基本上每個對象的語法都是不正確的 – skaterdav85

嘗試

<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>

演示：Fiddle

來源

2013-11-15 14:56:11

雖然阿倫的答案是技術上是正確的，你不應該使用NG-INIT爲了這個目的，而是定義names控制器內。 ng-init只能在特殊情況下使用，例如嵌套的ng-repeats，請參閱他們的文檔http://docs.angularjs.org/api/ng.directive:ngInit和小紅框。

來源

2013-11-15 17:42:23 NicolasMoise

如何解決這個AngualrJS數據-NG-INIT結合 - 初學者

回答

相關問題