基於本地變量的動作Angular2

我想知道如何根據本地模板varibale的值禁用按鈕。這裏是我的代碼 -基於本地變量的動作Angular2

<input type="text" #name>  
<button [disabled]='name.value' (click)='getvalue()'>Demo</button>

我想確定停用該按鈕時＃NAME變化值，還怎麼去在類（組件類）＃NAME的價值？

這裏是plnkr爲同一 http://plnkr.co/edit/3ZHS7jfQIVl2WVsK8BEb?p=preview

來源

2016-04-22 Pardeep Jain

角不運行變化檢測因爲角度不相關的事件被觸發。如果您綁定到一個事件，然後運行角度變化檢測，並結合工程

添加(input)="null"像

<input type="text" #name (input)="null">

讓你的榜樣工作。

Plunker example

來源

2016-04-22 06:05:35

其實我想禁用按鈕，如果輸入字段爲空，否則按鈕禁用FLASE。如何得到這個？順便說一句'（輸入）'在這裏的作用是什麼？ –

'（input）=「button.disabled =！$ event.target.value」' –

但這隻適用於用戶填寫輸入框，而不是第一次。我的意思是如果輸入字段是未觸及的按鈕仍然沒有禁用這是錯誤的。 –

搜索後找到一個替代，

其實這個簡化版，工作，因爲角度變化的檢測工作，只有當任何事件觸發，但在這裏，在這種情況下，局部變量簡化版，火任何情況下，所以要進行更改檢測，我們必須將任何事件添加到輸入字段。我們可以通過調用任何函數做一方或alternativly我們可以通過調用簡單地這樣在輸入欄keyup事件做 -

<input type="text" #name (keyup)='name.value' /> 

<button [disabled]='!name.value' (click)='getvalue(name.value)' class="btn btn-md btn-primary">Demo</button>

來源

2016-04-22 07:48:13

基於本地變量的動作Angular2

回答

相關問題