Angular 1.0 入门指南
1. angular 1.0 特点
- 数据双向绑定MVVM
- 隔离作用域
2. Angular 的作用域 scope rootScope
先来看一下 angular 的一般使用格式
//作用域定义 模块注入
angular.module('myApp', ['ui.bootstrap']);
//获取定义的App
var app = angular.module('myApp')
//anular 加载配置 拦截器与路由的配置一般在其中
app.config(funtion(){
});
//定义服务 (注入服务)
app.factory('net', funtion($http){
});
//定义指令 (注入服务)
app.directive('jsDate', function(){
});
//定义控制器 (注入服务)
app.controller('MainCtrl', function($scope){
});
//综合 angular的定义方法
function config(){
};
function myDirective(){
};
function myService(){
};
function myController(){
};
angular.module('myApp',['ui.bootstrap'])
.config(config)
.run(function ($rootScope, $state) {
$rootScope.$state = $state;
})
.factory('myService', myService)
.directive('myDirective', myDirective)
.controller('myController', myController);
2.1 $scope
$scope 是angular 中最为重要的服务,它代表着一般在angular的控制器中扮演着全局对象的作用。
下面使用实例演示$scope 的一些用法:
<input ng-model="person.name" type="text" placeholder="Yourname">
<h1>Hello {
{person.name}}</h1>
//$scope 的常见用法
//监视数据的变化 ng-change
$scope.$watch('bean', funtion(new,old){
});
//强制刷新数据 t= obj; t= function(){};
$scope.$apply(t)
$scope.$digest() 死循环来自动解析表达式
作用域(scope)①是构成AngularJS应用的核心基础. scope对象是定义应用业务逻辑、控制器方法和视图属性的地方。作用域是视图和控制器之间的