Angular 常用概念

angular設計目標就是適應大型應用的開發，模組的概念就是來組織不同的元件及服務。乙個大型應用的最終形態就是各種不同的模組的組合

import       from '@angular/core';
import  from '@angular/platform-browser';
import  from './hero.service';
@ngmodule()

元件在angular中處於中心地位，但也是指令的一種，我把元件看做是含有模板的指令，管道就是anuglarjs中的過濾器，具體有哪幾種，可以參考anugular的官方api angular內建管道
自定義元件

import  from '@angular/core';
@component()
export class herodetailcomponent

自定義指令

//指令有屬性型指令和結構型指令 和元件
import  from '@angular/core';
//elementref注入到建構函式中，這樣指令才能訪問dom
//input 將資料傳入指令中
export class highlightdirective 
}

自定義管道

the hero's birthday is }
the current pipe }
import  from '@angular/core';
@pipe()
export class exponentialstrengthpipe implements pipetransform 
}

服務可以為對資料的獲取和各種處理，元件就是服務的消費者，通過依賴注入在元件中使用服務

import  from '@angular/core';
import  from '../logger.service';
@injectable({})
export class heroservice 
}

就是被anuglar管理的元件的生命週期鉤子，對應的有鉤子裡面的方法

import  from '@angular/core';
//oninit介面裡面的ngoninit方法
export class peekaboo implements oninit, ondestroy 
// implement oninit's `ngoninit` method
ngoninit() 
ngondestroy()
}

Angular 的概念模型

既然如此，問題就來了，新版本的 angular 的核心概念是什麼呢？非常簡單，一切都是圍繞著元件 component 的概念展開的 component 元件是整個框架的核心，也是終極目標。元件化的意義有2個第一是分治，因為有了元件之後，我們可以把各種邏輯封裝在元件內部，避免混在一起第二是復...

Angular基本概念理解

nztable 模組變數輸入繫結值輸出繫結事件補充說明是控制項監控外部變化是監聽事件,交給外部變化內部值的權利二者都是監聽非一次性 name a a發生變化,name一直跟著改變，但是name發生變化，a不改變總之寫在哪個元件,哪個元件就被動接受值寫在哪個元件,就是監聽哪個元...

angular的常用指令

因為ng bind 預設把html標籤轉義成字串。如果不想轉義。用這個指令。注意當遍歷的時候，陣列有相同的值的時候，會報錯，用下面這種方法可以解決 track by ng repeat item in ccc track by index li name id ng model xx value ...

Angular 常用概念

Angular 的概念模型

Angular基本概念理解

angular的常用指令

相關推薦