angular基本使用

2021-09-25 18:51:19 字數 856 閱讀 7365

angular 有很多裝飾器,它們負責把元資料附加到類上,以了解那些類的設計意圖以及它們應如何工作。

@component裝飾器

宣告乙個元件時,在元件類的之上要用@component裝飾器來告知angular這是乙個元件

@component({

@ngmodule是乙個裝飾器函式,它接收乙個用來描述模組屬性的元資料物件

@directive標記類作為指令並收集元件配置元資料

宣告當前類是乙個指令,並提供關於該指令的元資料

@pipe******

宣告當前類是乙個管道,並且提供關於該管道的元資料

@injectable標記元資料並可以使用injector注入器注入

宣告當前類有一些依賴,當依賴注入器建立該類的例項時,這些依賴應該被注入到建構函式中。

輸入屬性(@inputs):是用來接收外部傳入的資料的,angular的程式結構就是乙個組

輸出屬性(@outputs):用來定義一些其他元件可能需要的事件或者用來在元件之間共享資料

Angular 基本使用

基本介紹 1 angularjs是乙個框架 諸多類庫的集合 以資料和邏輯做為驅動 核心 2 angularjs有著諸多特性,最為核心的是 模組化 雙向資料繫結 語義化標籤 依賴注入等。模組化 enpp 2 定義模組 angularjs提供了乙個全域性物件angular,在此全域性物件下存在若干的方法...

angular元件使用

1.定義子元件 component export class productdetail 新增裝飾器說明是乙個元件,selector指明了該元件使用的標籤名,templeteurl指定元件模板即html,styleurls指定樣式模板。父元件使用該子元件 父元件html 2.父元件向子元件傳值 1 ...

angular之 location基本用法

一.獲取url的相關方法 以 https localhost 8080 tblog.csdn.net lixiaoyan star article list index.html foo myhash?orderby viewcount 為例 獲取當前完整的url路徑 獲取當前url路徑 當前url...