AngularJS 學習筆記（一）快速上手

時間 2019-11-09

標籤 angularjs 學習筆記快速上手欄目 AngularJS 简体版

原文原文鏈接

1、 AngularJS的4大特性：

一、MVC

PS：上圖的JS引入文件 HelloAngular_MVC中存放着Model模型。以下圖所示：html

二、模塊化

PS：Model發生的變化，請注意看:瀏覽器

思惟：app

html頁面 ng-app 加載模塊名。對應 JS angular.module(" 模塊名 ",[ ])
div標籤 ng-controller 指定控制器名。對應 JS的 *.controller(" 指定控制器名 "，[‘傳遞參數的’ , 控制器對應的方法(方法對外傳遞的參數){方法體}])
頁面訪問時，經過ng-controller的名字，向ng-app加載的模塊中尋找指定控制名，並調用方法取得$scope參數返回，並在指定位置顯示$scope中指定的值。

一切都是從模塊開始的模塊化

三、系統指令

一、自定義標籤：好比html頁面定義了一個<hello></hello>標籤，html CSS都不認識，通常狀況下會忽略。可是使用AngularJS的 directive方法，能夠認出hello標籤，並替換成指定內容。能夠封裝不少標籤，自由使用。spa

二、常見指令，好比 <html ng-app="myModule"> ng-app就是一個指令，告訴瀏覽器頁面使用指定的mudule。還有以前頁面的<div ng-controller='controller_name'> ng-controller 也是一個指令，指定控制器方法。其餘以 ng- 開頭的都是AngularJS的指令。htm