加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Angularjs基础(一)

发布时间:2020-12-17 10:39:51 所属栏目:安全 来源:网络整理
导读:(一) 模型视图控制器 端对端的解决方案,AngularJS 试图成为WEB 应用中的一种段对端的解决方案。AngylarJS 的出众 之处如下:数据绑定,基本模板标识符,表单验证,路由,深度连接,组件重用,依赖注入。测试包括 单元测试,段对端测试,模拟和自动化测试框

(一)
  模型——视图——控制器
    端对端的解决方案,AngularJS 试图成为WEB 应用中的一种段对端的解决方案。AngylarJS 的出众
      之处如下:数据绑定,基本模板标识符,表单验证,路由,深度连接,组件重用,依赖注入。测试包括
      单元测试,段对端测试,模拟和自动化测试框架。

  Hello World
    
    
                        
        
        
        
          Your name:           



          Hello {{yourname || 'World'}}!
      
    
      文本输入指令       双大括号标记将yourname 模型变量添加到问候语文本。
  AngularJS 应用的解析
    模板(Templates)
      模板是您用HTML 和 CSS 编写的文件,展现应用的视图。您给HTML天机新的元素,属性标记,作为AngularJS
      编译器的指令,Angular JS编译器是完全可扩展的。这意味着通过AngularJS 编译器是完全可扩展的,这意味着
      AngularJS您可以在HTML 中构建自己的HTML标记!

    应用程序逻辑(Logic)和行为(Behavior)
      应用程序逻辑和行为是您用JavaScrip 定义的控制器。AngularJS与标准的AJAX应用的程序不同,您不需要
      另外编写监听器或者DOM 控制器,因为他们已经内置到AngularJS 中了,这些功能使您的应用程序逻辑
      很容易编写,测试,维护和理解。
    模型数据(Data)
      模型是从AngularJS 作用域对象的属性引申的,模型中的数据可能是Javascript对象,数组或基本类型
      这都不重要,重要的是,他们都属于AngularJS 作用域对象。

      AngularJS通过作用域来保持数据模型与视图界面UI的双向同步。一旦模型状态发生改变,AngularJS会立即刷新反
      映在视图界面中,反之亦然。

      此外,AngularJS 还提供了一些非常有用的服务特性:
        1,底层服务保留依赖注入,XHR,缓存,URL路由和浏览器抽象服务。
        2,您还可以扩展和添加自己特性的应用服务。
        3,这些服务可以让您非常方便的编写WEB应用。

    ng-app指令
      
        ng-app 指令标记了AngularJS 脚本的作用域,在都是AngularJS脚本作用域,开发者也在
        局部使用ng-app 指令,如

,则AngurJS 脚本仅在该
中运行。
    Angular JS 脚本标签: