Angular 常用概念

2021-09-14 03:06:21 字數 1378 閱讀 6368

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 ...