zoukankan      html  css  js  c++  java
  • ng-app指令【angularJs第一篇】

    angularJs共有4大模块构成MVC,模块和依赖注入、指令,双向数据绑定,虽然分为四大块但是我觉得无论使用那一块的知识都离不开指令,也就是说指令贯穿整个angularJs的应用。MVC里的控制器ng-controller是指令,获取、同步数据ng-model是指令;模块和依赖注入ng-app也是指令;双向数据绑定更不用说。所以说指令是angularJs的基础。

    ng-app

    ng-app这个指令比较特殊,一个html文档最好只出现一次,如果出现多次也是只有第一个起作用,并且可以出现在html文档的任何一个元素上。

    ng-app作用是告诉子元素一下的指令是归angularJs的,angularJs会识别的。

    ng-app的值可以为空,当然在练习的时候,在项目中则一定是要赋值的。也就是后面所说的模块。angularJs的使用,不是有一句一定要牢记在的话“一切都是由模块开始的”。

    最后附上一段相关的简短的代码:

    <!doctype html>

    <html lang="en" ng-app="">

    <head>

    <meta charset="UTF-8">

    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

    </head>

    <body ng-init="firstName='John'">

    <input type="text" ng-model="firstName">

    <div ng-bind="firstName"></div>

    <script type="text/javascript"></script>

    </body>

    </html>

    个人认为还是把这个指令放在html标签里比较合适。

  • 相关阅读:
    STM32关于多线程运行的疑问
    流量校准仪开发日志
    来自一位十余年工作经验的老电子工程师的心里话:该出手时便出手!
    什么是开尔文连接
    node.js
    锂电池充电合集
    UICollectionView 使用 介绍
    UICollectionView 讲解
    sourcetree帮助文档
    使用 Git + Dropbox + SourceTree 做 Source Code Management
  • 原文地址:https://www.cnblogs.com/wjh0916/p/5651886.html
Copyright © 2011-2022 走看看