学习angular.js之：ng-app

刚开始自学angular，遇到一个问题：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="angular.min.js"></script>
</head>
<body>
    <div ng-app="myapp">
        <p>名字
            <input type="text" ng-model="name">
            <h1>hello!{{name}}</h1>
        </p>
    </div>
</body>
</html>

我设定ng-app=“myapp”，结果效果不是我预想的那样，name绑定无效

页面显示为这样：

后来找到了两个解决办法：

一：将ng-app=“myapp”改为ng-app=“”

二：在body中添加一段script代码：

<script type="text/javascript">
    angular.module("myapp",[]);
</script>

页面显示达到预想效果：

 注意：

1.ng-app是一个特殊的指令，一个HTML文档只出现一次，如出现多次也只有第一个起作用；ng-app可以出现在html文档的任何一个元素上。

2.ng-app作用：告诉子元素指令是属于angularJs。

3.ng-app的值可以为空（练习），项目中一定要赋值，后面所说的模块。

posted @ 2017-09-15 11:08  WentingC  阅读(402)  评论(0)  编辑  收藏  举报