angular 學用標記 筆記

2021-08-28 08:33:10 字數 1938 閱讀 1595

npm install -g @angular/cli

ng serve --open

ng serve命令會構建本應用、啟動開發伺服器、監聽原始檔,並且當那些檔案發生變化時重新構建本應用。

--open標誌會開啟瀏覽器

ng update

你還可以使用 cli 命令ng update發現 angular 的最新版本。預設情況下,ng update(不需要其它引數)會列出你可用的所有更新。

繫結表示式中的uppercase位於管道操作符( | )的右邊,用來呼叫內建管道uppercasepipe

ngmodel)]="hero.name" placeholder="name">

[(ngmodel)]是 angular 的雙向資料繫結語法。

ngfor="let hero of heroes">

*ngfor是乙個 angular 的複寫器(repeater)指令。 它會為列表中的每項資料複寫它的宿主元素。

ngfor="let hero of heroes" [class.selected]="hero === selectedhero" (click)="onselect(hero)"> } }

如果當前行的英雄和selectedhero相同,angular 就會新增 css 類selected,否則就會移除它。

[hero]="selectedhero"是 angular 的屬性繫結語法。

這是一種單向資料繫結。從heroescomponentselectedhero屬性繫結到目標元素的hero屬性,並對映到了herodetailcomponenthero屬性。

讓建構函式保持簡單,只做初始化操作,比如把建構函式的引數賦值給屬性。 建構函式不應該做任何事。 它肯定不能呼叫某個函式來向遠端服務(比如真實的資料服務)發起 http 請求。

ngfor="let hero of heroes$ | async" >

*ngfor不能直接使用observable。 不過,它後面還有乙個管道字元(|),後面緊跟著乙個async,它表示 angular 的asyncpipe

asyncpipe會自動訂閱到observable,這樣你就不用再在元件類中訂閱了。

search(searchbox.value)" />

每當使用者在文字框中輸入時,這個事件繫結就會使用文字框的值(搜尋詞)呼叫search()函式。searchterms變成了乙個能發出搜尋詞的穩定的流。

this.heroes$ = this.searchterms.pipe(

// wait 300ms after each keystroke before considering the term

debouncetime(300),

// ignore new term if same as previous term

distinctuntilchanged(),

// switch to new search observable each time the term changes

switchmap((term: string) => this.heroservice.searchheroes(term)),

);

用Git Sphinx記筆記?

接前面 tex latex texlive 小結,練習使用sphinx寫點東西 圖1 圖2 google code 提供git 只是不清楚什麼原因,無論 push 還是 pull 總是失敗。偉大的牆在發揮作用?about to connect to code.google.com port 443 ...

LINUX學記筆記4

今日學習內容為 管道符 重定向與環境變數 1 輸入 輸出重定向 簡而言之,輸入重定向是指把檔案匯入到命令中,而輸出重定向則是指把原本要輸出到螢幕的資料資訊寫入到指定檔案中。在日常的學習和工作中,相較於輸入重定向,我們使用輸出重定向的頻率更高,所以又將輸出重定向分為了標準輸出重定向和錯誤輸出重定向兩種...

LINUX學記筆記5

今日主要學習內容為如何編寫shell指令碼和流程控制語句 1 編寫簡單的指令碼 shell指令碼命令的工作方式有兩種,分別是 互動式和批處理 互動式 與人進行互動輸入操作的方式執行命令 批處理 輸入命令後,不用人為進行操作一次性將命令執行得出結果 shell指令碼主要分為三部分,分別是 指令碼宣告 ...