Question

我正在关注Angular JS的教程，来自Dan Wahlin。我已经按照他的教程，希望得到一个简单的无序列表：

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

然而，没有一个Angular呈现，我在控制台中得到了这个：

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

是否有人能够看到我出错的地方，或者指出我的方向更好？

Answer 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

Angular JS没有按预期工作

1 个答案: