2014-01-03 3 views
0

Я следую учебнику по Angular JS, от Dan Wahlin. Я последовал его учебник, и надеюсь получить простой неупорядоченный список:Angular JS не работает должным образом

<!doctype html> 
<html data-ng-app> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script> 
</head> 
<body> 
    <div class="container" data-ng-init="names=['Tom', 'Rosie', 'Febe, 'Jack']"> 
     <h3>Looping with ng-repeat directives</h3> 
     <ul> 
      <li data-ng-repeat="person in names">{{person}}</li> 
     </ul> 
    </div> 
</body> 
</html> 

Однако ни один из угловых не визуализирует, и я получаю это в консоли:

Error: [$parse:lexerr] http://errors.angularjs.org/1.2.6/$parse/lexerr?p0=Unterminated%20quote&p1=s%2035-37%20%5B'%5D%5D&p2=names%3D%5B'Tom'%2C%20'Rosie'%2C%20'Febe%2C%20'Jack'%5D 
    at Error (<anonymous>) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:6:449 
    at Jb.throwError (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:148:477) 
    at Jb.readString (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:152:224) 
    at Jb.lex (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:145:463) 
    at Wa.parse (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:152:453) 
    at https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:90:353 
    at h.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:101:141) 
    at pre (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:181:168) 
    at W (https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js:48:462) <div class="container" data-ng-init="names=['Tom', 'Rosie', 'Febe, 'Jack']"> angular.js:9383 

ли кто-нибудь сможет увидеть, куда я иду, или указать мне в лучшем направлении?

ответ

1

Вы не закрывал цитату на Fred

//Fred missing closing quote 

<div class="container" data-ng-init="names=['Tom', 'Rosie', 'Febe, 'Jack']"> 


<div class="container" data-ng-init="names=['Tom', 'Rosie', 'Febe', 'Jack']"> 

Как ошибка ясно заявляет Unterminated quotes

JSFIDDLE

Смежные вопросы