Question

我正在观看video来学习angularjs。我使用CDN链接来包含angularJs

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"/>
    </head>
    <body ng-init="names=['shan', 'amit', 'vaibhav']">
        <ul>
            <li ng-repeat="pname in names">
            {{pname}}
            </li>
        </ul>
    </body>
</html>

我没有其他档案。这是我所拥有的最简单的代码，在浏览器上我看到了空白页面。这有什么不对？

Answer 1

修复脚本行：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>

Answer 2

在ng-app标记上添加html属性：

<html ng-app>

关闭你的script标签（不是自动关闭）

http://jsfiddle.net/g02ket0t/

Answer 3

如果您想使页面HTML有效，您也可以使用数据ng-而不是ng-。

<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js">
</script>
</head>
<body>
    <div data-ng-init="names=['shan', 'amit', 'vaibhav']">
        <ul>
            <li data-ng-repeat="pname in names">{{pname}}</li>
        </ul>
    </div>
</body>
</html>

Answer 4

您错过了结束标记。还可以在html标记中添加ng-app属性以链接到您的应用。

Answer 5

完整脚本标记
使用ng-app属性。

  <html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
    </head>
    <body ng-app ng-init="names=['shan', 'amit', 'vaibhav']">
        <ul>
            <li ng-repeat="pname in names">
            {{pname}}
            </li>
        </ul>
    </body>
</html>

最简单的angularjs页面不起作用

5 个答案: