Angular 1.0 入门指南

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对象是定义应用业务逻辑、控制器方法和视图属性的地方。作用域是视图和控制器之间的