rrrrrrrrrrrrrrrrrrr

Posted 2021-02-04 flyroc-cyf

---

title: final

一、AngularJS简介：

AngularJS是一个javascript框架，可通过<script>标签添加到html页面：
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

AngularJS应用组成：
1.View(视图)，即HTML。
2.Model(模型)，当前视图中可用的数据。Scope便是模型。
3.Controller(控制器)，即JavaScript函数，可以添加或修改属性。

二、AngularJS指令：

形式： ng-directives
作用： AngularJs指令是以(ng作为前缀)的HTML属性，拓展了HTML。
常用指令：
ng-app

定义一个AngularJS应用程序，定义了AngularJS应用程序的根元素，其在网页加载完毕时会自动引导(初始化)应用程序。

ng-init

初始化AngularJS应用程序变量(并不常用，通常使用一个控制器或模块来代替它)。

ng-controller

指明一个(应用程序的)控制器，AngularJS使用$scope对象来调用控制器。

ng-model

将HTML元素的值与应用程序数据绑定(如将输入域的值与应用程序变量name绑定)。ps：此绑定为双向绑定，在修改输入域的值时，AngularJS属性的值也将修改。

• 为应用程序数据提供类型(number、email、required)和状态(valid/invalid、dirty、pristine、touched、error)验证。
  $valid/$invalid字段内容合法/非法
  $dirty/$pristine表单已被用户操作/未被用户操作
  $touched通过触屏点击
  实例：

<form ng-app="" name="myForm" ng-init="myText=‘[email protected]‘">
    <span ng-show="myForm.myAddress.$error.email">不是一个合法的邮箱地址</span>
</form>

• 基于指令自身状态为HTML元素提供CSS类(ng(-not)-empty、ng-(un)touched、ng-(in)valid、ng-dirty、ng-pending、ng-pristine)。

<form ng-app="" name="myForm" ng-init="myText=‘[email protected]‘">
    <span ng-show="myForm.myAddress.$error.email">不是一个合法的邮箱地址</span>
</form>