1. 程式人生 > >Angular學習(一)

Angular學習(一)

字符串 inf bubuko 綁定屬性 lar 引入 手動配置 back 生成

1.創建模塊,命令行輸入:

ng g component components/news

技術分享圖片

自動生成:

技術分享圖片

1.2跟模塊的app.module.ts 裏會自動引入 news 模塊,但是@NgModule裏需要手動配置

技術分享圖片

2. 聲明屬性的幾種方式:

public 共有(默認)

【可以在類裏面使用也可以在類外面使用】

protected 保護類型

【只有在當前類和他的子類裏可以訪問】

private 私有

【只有在當前類可以訪問】

技術分享圖片

3.屬性綁定的兩種方法

  1.直接用大括號綁定屬性

  2.使用中括號綁定屬性

技術分享圖片

3.1 綁定帶標簽的數據

【使用 [innerHTML]=”” 綁定帶有html標簽的字符串】

【使用 [innerText]=”” 綁定字符串】

技術分享圖片

4. 循環數據:

*ngFor=”let 變量名 of 數據列表”

Let key = index 【拿到下標】

技術分享圖片

Angular學習(一)