關於AngularJS學習整理 核心特性

接觸、學習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中做資料...