Fatal编程技术网
  • javascript/
  • Javascript 最简单的angularjs页面不工作

Javascript 最简单的angularjs页面不工作

javascript angularjs

Javascript 最简单的angularjs页面不工作,javascript,angularjs,Javascript,Angularjs,我正在看一部学习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']">

我正在看一部学习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>



    

  • 
{{pname}}

    •
我没有其他文件。这是我拥有的最简单的代码，在浏览器上我看到了空白页。这有什么问题？

修复脚本行：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
在
html
标记上放置
ng app
属性：

<html ng-app>
然后关闭
脚本
标记（它不是自动关闭）

如果要使页面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>



    

  • {{pname}
    •
您缺少结束标记。还可以在html标记中添加ng app属性，以链接到您的应用。

  • 完整脚本标记
  • 使用ng应用程序属性


    

  • 
{{pname}}

    •
为什么会这样？我正在使用
/
无法自行关闭脚本标记：好奇地想知道，为什么需要
ng应用程序
？是angularJs框架搜索来初始化angularJs脚本的东西吗？@ShantanuGupta——是的，启动应用程序是必需的。我不明白为什么人们即使在一个答案中包含了他们所有的观点之后，仍然不断发布重复的答案：）我希望有一种方法可以结束这些答案。投票结束是一个印刷错误；人们只是一遍又一遍地滥发同样的答案。我同意，我也能看到。疯子