• 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标签里比较合适。

  • 相关阅读:
    Jdk1.8 HashMap源码分析
    瘦身部署应用
    Redis 创建和使用集群(yum方式安装低版本)
    Redis 创建和使用集群
    记录一下
    Oracle 开发人员权限控制
    Linux 免密登录远程服务器及执行相关命令
    Oracle 连接表空间并执行SQL文件
    MySQL 8.0.13安装教程(windows 64位) (转)
    scrapy中Selector的使用
  • 原文地址:https://www.cnblogs.com/wjh0916/p/5651886.html
Copyright © 2020-2023  润新知