zoukankan      html  css  js  c++  java
  • 学习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的值可以为空(练习),项目中一定要赋值,后面所说的模块。

  • 相关阅读:
    oracle10g安装问题
    oracle10g卸载问题
    c编译过程
    根文件系统制作
    Handler消息传递机制
    Glide图片加载库的使用
    关于FragmentPageAdapter
    Android中set标签的使用
    overridependingtransition方法
    关于View
  • 原文地址:https://www.cnblogs.com/WentingC/p/7525350.html
Copyright © 2011-2022 走看看