zoukankan      html  css  js  c++  java
  • Angular初学-知识总结

    什么是angularJS
    angularJS使的开发现代的单一页面应用程序变得更加容易。
    (1)可以将应用程序数据绑到HTML元素
    (2)可以克隆和重复html元素
    (3)还可以显示和隐藏元素
    (4)可以再html元素背后添加代码
    (5)支持输入验证

    ————————————————————————————————————————————————————————————————

    angularJS的特性和优点:
    1、双向数据绑定
    2、声明式依赖注入
    3、耦合应用逻辑,数据模型和视图
    4、完善的页面指令
    5、定制表单验证
    6、Ajax封装

    ————————————————————————————————————————————————————————————————

    ng-app———————————————————————定义 angular 的使用范围
    ng-init="变量=值;变量=值"—————用来初始化变量值,由多个变量时用分号隔开
    ng-model="变量"——————————————用来定义变量名称
    ng-controller=""—————————————声明所有被他包含的元素都属于这个控制器
    ng-bind="变量"———————————————绑定变量名获取该变量的数据,一般用双重花括号取变量的值:{{变量}}
    ng-repeat="x in strs"————————循环 strs 集合中的数据,通过 x 获取,{{x}} 渲染到页面
    ng-show=""———————————————————判断是否为true, true时将标签所对应的内容显示在页面上,
    ng-empty—————————————————————input为空的时候
    ng-not-empty—————————————————input不为空的时候
    ng-touched———————————————————验证失去焦点
    ng-untouched—————————————————控件未失去焦点
    ng-valid—————————————————————验证通过
    ng-invalid———————————————————验证失败
    ng-dirty—————————————————————控件输入值已变更
    ng-pending———————————————————任何为满足$asyncValidators的情况
    ng-pristine——————————————————控件为初始状态

    ————————————————————————————————————————————————————————————————

    Angular表达式
    可以包含字母、操作符、变量
    与JavaScript不同, Angular可以写在html中
    与JavaScript不同, Angular不支持条件判断、循环及异常
    与JavaScript不同, Angular支持过滤器

  • 相关阅读:
    创建网关项目(Spring Cloud Gateway)
    调用Consul服务(消费服务)
    创建调用Consul的客户端项目
    注册服务到服务中心(Consul)
    安装Consul服务中心
    创建Spring Boot微服务项目
    React学习之State
    React学习及实例开发(一)——开始
    React Native学习(十)—— 生命周期
    【小记事】电脑命令行开WiFi
  • 原文地址:https://www.cnblogs.com/dengpu/p/14285351.html
Copyright © 2011-2022 走看看