ng-app
ng-model
{{}} 雙括號標記 將模型變量添加到文本中
優點:不用另外註冊一個事件偵聽器或添加事件處理程序
雙向數據綁定:
輸入框的任何變更會立即反映到模型變量
模型變量的任何變更會立即反映到文本中
angularjs 模型-視圖-控制器設計模式
模型:JavaScript對象,數組,基本類型
視圖:
模板Templates,指HTML和css文件,可以自定義HTML標記
控制器:
應用程序的邏輯和行爲,
不需要另外註冊事件監聽器或DOM控制器,
代碼根據容易編寫、理解、維護
自定義 directive
controller
過濾器 大小寫(uppercase, lowercase),貨幣(currency), filter, orderBy
服務service
<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>aj</title>
<script type="text/javascript" src="angular.js"></script>
<script>
var app = angular.module('myApp', []);
//controller
function myCtrl($scope, $rootScope) {
$scope.name = ["cc", "aa", "bb"];
$rootScope.lastName = "pertril";
}
</script>
</head>
<body ng-controller="myCtrl">
<!--<div >-->
<!--<input ng-model="name">-->
<!--<h1> {{name}}</h1>-->
<!--</div>-->
<ul>
<li ng-repeat="x in name | orderBy:'name'"> {{x}} {{lastName}}</li>
</ul>
</body>
</html>