zoukankan      html  css  js  c++  java
  • AngularJS简介-起步阶段

    AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式,这种方式可以让你扩展HTML的语法,以弥补在构建动态WEB应用时静态文本的不足,从而在web应用程序中使用HTML声明动态内容。

    AngularJS有五个主要核心特性,如下介绍:

    1.双向数据绑定 —— 实现了把model与view完全绑定在一起,model变化,view也变化,反之亦然。

    2.模板 —— 在AngularJS中,模板相当于HTML文件被浏览器解析到DOM中,AngularJS遍历这些DOM,也就是说AuguarJS把模板当做DOM来操作,去生成一些指令来完成对view的数据绑定。

    3.MVVM —— 吸收了传统的MVC设计模式针但又并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。

    4.依赖注入 —— AngularJS拥有内建的依赖注入子系统,可以帮助开发人员更容易的开发,理解和测试应用。

    5.指令 —— 可以用来创建自定义的标签,也可以用来装饰元素或者操作DOM属性。

    下载方式:

      1)-- 浏览器输入 http://docs.angularjs.cn/api

      2)--命令窗口下 npm install angularjs

    创建应用

    AngularJS是以一个JavaScript文件形式发布的,可通过script标签载入AngularJS脚本,如下所示:

    1. <script src="http://www.hubwiz.com/scripts/angular.min.js"></script>

    复制以下代码至右边栏,做好准备工作。

      <div ng-app="" ng-init="name='World'">

        Hello {{ name }}

      </div>

    点击运行结果查看是否为“Hello World”,如正确则表示AngularJS脚本成功引入。

  • 相关阅读:
    细节回顾 p标签的嵌套问题
    面向对象编程
    深浅拷贝
    数据交互 jsonp插件
    数据交互 跨域问题
    数据交互 axios
    数据交互 jQuery ajax
    数据交互 后端代码
    数据交互 http请求 xhr
    Windows安装Node.js报错:2503、2502的解决方法
  • 原文地址:https://www.cnblogs.com/rainheader/p/4623710.html
Copyright © 2011-2022 走看看