[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