AngularJS中给ng-app指令赋值和不赋值的区别

最新推荐文章于 2021-01-19 10:12:05 发布

zhu jun~

最新推荐文章于 2021-01-19 10:12:05 发布

阅读量2.7k

点赞数 3

本文链接：https://blog.csdn.net/zhujun_xiaoxin/article/details/52565048

版权

我在写一个angularjs时，遇到了一个问题，代码如下：

<!DOCTYPE html>
<html ng-app="app">
    <head>
        <title>8-3</title>
        <meta charset="UTF-8">
        <script src="../../js/angular.min.js"></script>
    </head>
    <body>
        <input type="text" ng-model="someProperty" placeholder="TypetoEnable">
        <button ng-model="button" ng-disabled="!someProperty">AButton</button>
       
    </body>
</html>

调试的时候发现：

错误是说没有找到app这个模块，于是我把ng-app="app"改为ng-app,程序可以正常运行了。

后来我又试了一种方法，代码如下：

<!DOCTYPE html>
<html ng-app="app">
    <head>
        <title>8-3</title>
        <meta charset="UTF-8">
        <script src="../../js/angular.min.js"></script>
    </head>
    <body>
        <input type="text" ng-model="someProperty" placeholder="TypetoEnable">
        <button ng-model="button" ng-disabled="!someProperty">AButton</button>
        <script>
            angular.module("app",[]);
        </script>
    </body>
</html>

增加了一行js脚本，这个脚本中angular.module("app",[]);用来声明了app这个模块后，程序也可以正常的运行了。

因此，当我们使用ng-app指令不给其赋值时，浏览器会默认加载这个为ng应用。

当我们为ng-app赋值时，我们要在js中声明这个模块。

zhu jun~

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
AngularJS中给ng-app指令赋值和不赋值的区别

我在写一个angularjs时，遇到了一个问题，代码如下：html>ng-app="app"> 8-3 charset="UTF-8"> src="../../js/angular.min.js"> type="text" ng-model="someProperty" placeholde
复制链接

扫一扫