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>

1. Angular JS
2. Angular js
3. angular js的一些操做
4. Angular js 具體應用(一)
5. Angular js學習筆記 (一)
6. angular Js 學習筆記（一）
7. Angular Js 與bootstrap， angular 與 vue.js
8. angular js 初學
9. Angular JS 和 node.js
10. Angular JS break ForEach
更多相關文章...
• 一對一關聯查詢 - MyBatis教程
• MySQL唯一約束（UNIQUE KEY） - MySQL教程
• RxJava操作符（一）Creating Observables
• Kotlin學習（一）基本語法

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。