[TOC]
## Angular控制器創建
~~~js
//引用myapp模塊,然后創建控制器
//模塊->控制器->模型($scope)
angular.module('myapp').controller('myapp_c_1',['$scope',function ($scope) {
//$scope對象為模型對象
//其實controller就是為了操作$scope對象的,當然也可以操作其它對象
$scope.name='hzj';
}]);
~~~
## html控制器引用【使用ng-controller指令】
~~~html
<!--ng-controller加載控制器-->
<div ng-controller="myapp_c_1">
<!--ng-model交互模型-->
<input type="text" ng-model="name">
<!--使用angular表達式展示$scope里面的數據-->
<h1>{{name}}</h1>
</div>
~~~
- Angular簡介
- angular1資料網站
- Angular初級部分
- 打破傳統的前端
- Angular基本組成部分
- Angular環境搭建
- Angular項目測試
- Angular基礎概念
- Angular模塊
- Angular控制器
- Angular指令
- Angular表達式
- Angular視圖
- Angular基礎實戰
- Angular模塊創建和使用
- Angular控制器和模型創建
- scope對象
- 控制器中調度window對象和document對象
- Angular表達式調度過濾器
- Angular中的ng模塊全局方法
- Angular模板應用
- 使用指令復制元素
- 使用指令隱藏顯示元素
- Angular指令ng-if
- ng-src和ng-href
- Angular處理樣式
- Angular作用域事件傳遞
- 表單中的元素
- Angular初學者常見的坑
- 再論雙向綁定
- Angular中級部分
- Angular路由機制
- ui-router管理狀態
- ui-router狀態嵌套和視圖嵌套
- ui-router多個命名的視圖
- ui-router路由控制
- 自定義指令
- 自定義過濾器
- Angular項目目錄結構
- Angular服務
- Angular高級部分
- Angular依賴注入
- README