Angular初步學習總結

2021-09-02 20:35:29 字數 3121 閱讀 3666

angular 寫**錯誤總結

ng new your-project-name //名稱以下劃線格式

在專案根目錄下建立元件

ng g c hero-list (ng generate component hero-list) //注意是以減號的格式建立元件

路由的書寫錯誤

path的value是字串且沒有『/』,而component的value不是字串

建立路由模組

ng g m my-module --routing (ng generate module my-module --routing)

1.angular 屬性型指令和結構性指令區別是什麼?都有哪些?

2.常用的指令有哪些?

內建指令:*ngif,*ngfor,*ngswitchcase,*ngswitchdefault,[ngswitch],[ngstyle],[ngclass],

angular和vue的比較?

雙向資料繫結

你經常需要顯示資料屬性,並在使用者作出更改時更新該屬性。

在元素層面上,既要設定元素屬性,又要監聽元素事件變化。

angular 為此提供一種特殊的雙向資料繫結語法:[(x)]。 [(x)] 語法結合了屬性繫結的方括號 [x] 和事件繫結的圓括號 (x)。

建立與訂閱

在有消費者訂閱之前,可觀察物件不會執行。subscribe() 會執行一次定義好的行為,並且可以再次呼叫它。每次訂閱都是單獨計算的。重新訂閱會導致重新計算這些值。

意思是:消費者即訂閱者subscriber它的呼叫方法是subscribe()取消訂閱:unsubscribe(),在observer執行next(),complete(),error()等方法前是不會執行的

面試問題?怎麼建立乙個可觀察物件,它有哪些常用的方法,以及它的操作符都有哪些?

你可以使用管道來把這些操作符鏈結起來。管道讓你可以把多個由操作符返回的函式組合成乙個。pipe() 函式以你要組合的這些函式作為引數,並且返回乙個新的函式,當執行這個新函式時,就會順序執行那些被組合進去的函式。

應用於某個可觀察物件上的一組操作符就像乙個菜譜 —— 也就是說,對你感興趣的這些值進行處理的一組操作步驟。這個菜譜本身不會做任何事。你需要呼叫 subscribe() 來通過這個菜譜生成乙個結果。

html attribute 與 dom property 的對比

要想理解 angular 繫結如何工作,重點是搞清 html attribute 和 dom property 之間的區別。

attribute 是由 html 定義的。property 是由 dom (document object model) 定義的。

少量 html attribute 和 property 之間有著 1:1 的對映,如 id。

有些 html attribute 沒有對應的 property,如 colspan。

有些 dom property 沒有對應的 attribute,如 textcontent。

大量 html attribute 看起來對映到了 property…… 但卻不像你想的那樣!

最後一類尤其讓人困惑…… 除非你能理解這個普遍原則:

attribute 初始化 dom property,然後它們的任務就完成了。property 的值可以改變;attribute 的值不能改變。

例如,當瀏覽器渲染 時,它將建立相應 dom 節點, 它的 value 這個 property 被初始化為 「bob」。

當使用者在輸入框中輸入 「sally」 時,dom 元素的 value 這個 property 變成了 「sally」。 但是該 html 的 value 這個 attribute 保持不變。如果你讀取 input 元素的 attribute,就會發現確實沒變: input.getattribute(『value』) // 返回 「bob」。

html 的 value 這個 attribute 指定了初始值;dom 的 value 這個 property 是當前值。

disabled 這個 attribute 是另一種特例。按鈕的 disabled 這個 property 是 false,因為預設情況下按鈕是可用的。 當你新增 disabled 這個 attribute 時,只要它出現了按鈕的 disabled 這個 property 就初始化為 true,於是按鈕就被禁用了。

新增或刪除 disabled 這個 attribute 會禁用或啟用這個按鈕。但 attribute 的值無關緊要,這就是你為什麼沒法通過 仍被禁用 這種寫法來啟用按鈕。

設定按鈕的 disabled 這個 property(如,通過 angular 繫結)可以禁用或啟用這個按鈕。 這就是 property 的價值。

就算名字相同,html attribute 和 dom property 也不是同一樣東西。

這句話值得再強調一次: 模板繫結是通過 property 和事件來工作的,而不是 attribute。

看到模板語法。。。未完待續。。。

學習初步總結

字串查詢函式 char strchr char const str,int ch char strrchr char const str,int ch strchr 在字串 str 中查詢字元 ch 第一次出現的位置,找到後函式返回乙個指向該位置的指標。如果該字元並不存在與字串中,函式就返回乙個 n...

angular入門總結

學習angular已經兩周了,簡單的基本知識已經掌握,在學習的過程中遇到很多問題,和大家分享一下 1.ngmodel 資料雙向繫結,即資料在dom和元件之間是雙向傳遞的,為了實現低耦合實現資料的封裝,通常會引入自定義物件 這些物件往往是為了接受處理後端傳來的資料 在dom中通過 物件.屬性名 的方式...

angular入門總結

學習angular已經兩周了,簡單的基本知識已經掌握,在學習的過程中遇到很多問題,和大家分享一下 1.ngmodel 資料雙向繫結,即資料在dom和元件之間是雙向傳遞的,為了實現低耦合實現資料的封裝,通常會引入自定義物件 這些物件往往是為了接受處理後端傳來的資料 在dom中通過 物件.屬性名 的方式...