angular学习笔记

ng-app 指令定义一个 AngularJS 应用程序。

ng-app指令定义了应用, ng-controller 定义了控制器。

如果在一个div中仅仅写了ng-app=“”，那么所用的都是angular定义的一些指令，如果想要使用自己定义的控制器，那么就要写ng-app=“你定义的名称” ng-controller=“你定义的控制器名称”；

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});

ng-model ：把元素值（比如输入域的值）绑定到应用程序。

ng-mode-options:规定何时更新模型；

ng-bind ：把应用程序的值绑定到 HTML 视图，类似于{{}}的作用；

ng-init ：定义 AngularJS 应用程序变量

事件类指令：

      ng-blur:失去焦点；ng-change：内容改变;ng-click：点击;ng-copy：被复制;ng-cut：被剪切；ng-dbclick:被双击；ng-focus：获得焦点的行为；ng-mousedown:按下鼠标；ng-mouseenter：鼠标进入；ng-mouseleave：离开元素；ng-mousemove：鼠标移动；ng-mouseover：鼠标在其上；ng-mouseup：在元素上松开鼠标；ng-non-bindable：规定元素或者子元素不能绑定数据；ng-paste：粘贴；ng-list：将输入文本转化为数组，默认用逗号隔开；

状态类指令：

ng-checked：元素是否被远中;ng-class：调用该指令的对象使用何种class属性，可加筛选，even、odd；ng-disabed：是否禁用；ng-hide：隐藏或者显示；ng-open：是否打开；ng-options:为select指定options；ng-readyonly：只读属性；ng-repeat：循环显示；ng-selected：选中；ng-show：显示；ng-src：img的src；ng-style：style属性；ng-submit：onsubmit发生时执行的表达式；ng-value：value值；ng-switch与ng-switch-when，以及ng-switch-default混合使用；

性能优化类指令：

ng-cloak:加载时防止闪烁；ng-csp：修改内容的安全策略；ng-href：a链接，更安全；ng-if：条件为false的时候，移除html元素；ng-include：可以用来包含外部的html文件；

<input type="text" ng-model="name">
<p ng-init="firstname='john'"></p>
<p>{{name}}</p>
<p ng-bind="firstname"></p>

angular数据类型：

数字，字符串，对象，数组；用法与javascript使用方法相同；

angular作用域，scope

如果需要从控制器往视图区传递一个值，需要在控制器中添加$scope，而在视图中，只需要添加属性名就好；