Angular JS(一)

时间 2019-11-19

标签 angular 栏目 AngularJS 繁體版

原文原文链接

Angular JS就是俗称的Angular 1html

Angualr 开发的核心就是视图和业务操做数据分离开来。app

（一）Angular JS 指令简述spa

Angular中把具备特殊做用的标签属性称为指令，这些指令所有以ng打头code

ng-app指令能够指定当前视图由哪一个模块管理，即angular指令的覆盖范围。htm

<body ng-app="app">对象

<div>{{name}}</div>ip

<body>开发

<script>io

var app = angular.module("app",[ ]);function

</script>

(二)控制器——建立与关联

控制器是咱们编写业务逻辑的入口，在这里咱们操做数据改变视图

　　//关联控制器

<body>

var app = angular.module("app", [ ]);

//app模块添加一个控制器，建立val变量

app.controller("appCtrl",function(){

var val = 10;

});

</script>

(三)$scope——灵活的数据

因此Angular提供了一个$scope对象，给这个对象添加的属性均可以在视图中访问，Angular能得到这些变量而且在视图中使用。

　 //关联哪一个控制器就能够使用哪一个控制器的$scope数据

</body>

var app = angular.module("app", [ ]);

//App模块添加了一个控制器，控制器的主要做用是初始化和操做$scope

app.controller("appACrtl", ["$scope",function($scope){

$scope.val = 10;

}])

</script>

一个模块能够建立任意多个控制器

每一个控制器能够关联视图中的一部分

</body>

app.controller('appMainCtrl', ['$scope', function($scope) {
$scope.val = '身体';
}]);

app.controller('appFooterCtrl', ['$scope', function($scope) {
$scope.val = '脚';
}]);
</script>