AngularJS 学习

表达式

<div ng-app="">
  {{ 5 + 5 }}

  {{ quantity * cost }}
  <span ng-bind="quantity * cost"></span>

  {{ firstName + " " + lastName }}
  <span ng-bind="firstName + ' ' + lastName"></span>

  {{ person.lastName }}
  <span ng-bind="person.lastName"></span>

  {{ points[2] }}
  <span ng-bind="points[2]"></span>

</div>

指令

ng-开头

ng-app
ng-init 初始化
ng-model 数据绑定 <input type="number" ng-model="price">
ng-repeat 循环 <li ng-repeat="x in names"> {{ x }} </li>

自定义指令

模型

<div ng-app="myApp" ng-controller="myCtrl">
    名字: <input ng-model="name">
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $rootScope) {
    $scope.name = "John Doe";
});
</script>

作用域

$scope
$rootScope

控制器

ng-controller

过滤器

{{ username | 过滤器 }}

currency    格式化数字为货币格式。
filter    从数组项中选择一个子集。
lowercase    格式化字符串为小写。
orderBy    根据某个表达式排列数组。
uppercase    格式化字符串为大写。