關於AngularJS學習整理 核心特性

2021-07-26 17:29:16 字數 3067 閱讀 6433

接觸、學習angularjs已經三個多月了,隨著學習的深入,有些東西剛開始不明白,現在開始慢慢明白起來。於是,開始整理這幾個月的學習成果。要不又要忘了。。。

步入正題。學習angular,首先得了解、熟知、掌握它的四大核心特性。

一、mvc模式

model(模型):是應用程式中用於處理應用程式資料邏輯的部分,通常模型物件負責在資料庫中訪問資料。

view(檢視):  使用者看到並與之互動的介面  ,相當於html元素組成的頁面。

controller(控制器):是應用程式中處理使用者互動的部分。通常控制器負責從檢視讀取資料,控制使用者輸入,並向模型傳送資料。

mvc好處:職責清晰,**模組化,它能為應用程式處理很多不同的檢視,可以復用。後期維護方便。

angularjs的mvc是借助$scope(作用域)實現的。

二、模組化與依賴注入

angular 應用,可以說一切都是從模組開始的,下分五大模組,如圖:

分別對應的是路由、過濾、指令、服務、控制器。

引入方法:

doctype html

>

<

html

>

<

head

>

<

meta

charset

="utf-8"

>

head

>

<

body

>

<

script

>

//內可以依賴angular內建模組,或者自定義模組注入,在路由、指令、服務中使用。具體的還得靠自己實踐後明白。

var=

angular.module(''

,['ngroute

']);

//控制器

'name',

function

());

//指令

'name

', [

'',

function

(), // {} = isolate, true = child, false/undefined = no change

//controller: function($scope, $element, $attrs, $transclude) {},

//require: 'ngmodel', // array = multiple requires, ? = optional, ^ = check parent elements

//restrict: 'a', // e = element, a = attribute, c = class, m = comment

//template: '',

//templateurl: '',

//replace: true,

//transclude: true,

//compile: function(telement, tattrs, function transclude(function(scope, clonelinkingfn)})),

link:

function

($scope, ielm, iattrs, controller)

};}]);

script

>

body

>

html

>

三、指令

指令是angular 中最有意味的一種特性,也是難點。先初步熟悉下,下幾篇文章具體詳解。

doctype html

>

<

html

="mymodule"

>

<

head

>

<

meta

charset

="utf-8"

>

head

>

<

body

>

<

hello

>

hello

>

<

div

hello

>

div>

<

div

class

="hello"

>

div>

<

div>

div>

<

script

>

var=

angular.module(

'mymodule

',);

"hello",

function

() });

script

>

body

>

html

>

四、雙向資料繫結

先看一下單向資料繫結。

它的處理流程是這樣的,首先呢,寫好模板加上從伺服器調取的資料結合在一起,通過資料繫結機制生成一段html標籤,然後把這段標籤顯示出來。

它的缺點:html標籤一旦生成,就無法改變,要是改變其中元素,或者新的資料更新,又要重新再來一遍把它替換掉,浪費時間,占用執行記憶體。

再看雙向資料繫結。

它的想法是這樣的,檢視和資料是對應的,當檢視上面的內容發生變化時,資料模型也跟著變化;當資料模型發生變化時,檢視也跟著變化。

雙向資料繫結經常應用的場景,表單的應用。。。。。。。。

核心特性整理完了,有點水,接下來是五大模組。。。敬請期待!嘿嘿嘿嘿

關於AngularJS學習整理 核心特性

接觸 學習angularjs已經三個多月了,隨著學習的深入,有些東西剛開始不明白,現在開始慢慢明白起來。於是,開始整理這幾個月的學習成果。要不又要忘了。步入正題。學習angular,首先得了解 熟知 掌握它的四大核心特性。一 mvc模式 model 模型 是應用程式中用於處理應用程式資料邏輯的部分,...

關於時間轉換 angularjs

1 angular中我們自己設定的時間filter 獲取時間轉換成指定樣式的filter 其他時間樣式 制定時間樣式 return function input 2 對頁面輸入的日期進行轉換 出生年月時間 var birthdaytime new date scope.birthday gettim...

angularjs學習筆記

不要用控制器去繼承控制器,通用的通過service來通用 不要試圖服用controller,乙個控制器只負責乙個塊試圖 不要在controller中操作dom,這不是controller的職責,用指令只做 不要在controller中做資料初始化,ng有表單控制項 不要在controller中做資料...