angular輸入輸出屬性案例

2021-10-24 14:46:30 字數 1228 閱讀 2511

輸出輸入屬性已經寫過,看到兩個很典型的案例想記錄一下

實現效果:

在父元件中輸入乙個我想買的商品通過輸入屬性在子元件上顯示出來

在父元件輸入框中雙向繫結變數product,並繫結在子元件上

//html

我是父元件

//ts

export class productcomponent implements oninit

}

在子元件使用input() 裝飾器接收並顯示值

//html

我是子元件,我想買}

//ts

export class testcomponent implements oninit

ngoninit()

}

效果圖:

總結:在父元件中輸入值子元件會接收到並隨之變化。

輸入屬性是父元件給子元件傳值

實現效果:

在子元件的中隨機數生成乙個**值,然後父元件接收並顯示

在子元件定義好隨機數的值並發射出去

【@output(「productinfo」),取別名】

// html

商品是:},**是}

// ts

export class testcomponent implements oninit , 1000)

} ngoninit()

}export class pricequote

}

在父元件上接收emit傳值

// html 

我是父元件

父元件的商品是},**是}

// ts

export class productcomponent implements oninit

ngoninit()

pricequotehandle(event: pricequote)

}

效果圖:

總結:將子元件中定義的隨機數**傳給父元件,可以看到兩個元件的**是同步變化的

輸出屬性是子元件給父元件傳值

常用技巧 輸入輸出優化 輸入輸出外掛程式

我們知道cin cout是比較慢的,不過它們可以加速。在 中加入這兩句即可 std ios sync with stdio false std cin.tie 0 加速過後cin的速度與scanf的速度近似 當然,加速過後就不要混用print和cout,scanf和cin了。因為不同步,後果會很嚴重...

uva oj java輸入輸出

真難的題目 狗屁演演算法 測資很機車 測驗結果 x.xx0 ms 測驗日期 200y mm dd author raymond wu 小璋丸 publicclassmain 載入單字的字元 while bytedata 1 else bytedata system.in.read catch exc...

檔案輸入 輸出

13.1 和檔案進行通訊 文字檢視和二進位制檢視 在文字檢視中,程式看到的內容和二進位制的內容可能不同,例如ms dos文字檔案用回車符和換行符的組合 r n來表示行尾,macintosh用乙個回車符 r來表示行尾。c程式使用乙個 n表示行尾。所以,如果c程式以文字檢視模式處理乙個ms dos文字檔...