加載頁面時ngModel不起作用

我想根據輸入字段值加載本身來顯示特定的div。從我的角度服務輸入字段上設置的值。但與[（ngModel）]它不綁定負載。有什麼辦法，我可以用角2加載頁面時ngModel不起作用

<input id="showValue" value="1" [(ngModel)]="showValue"> 
{{showValue}} 
<div class="form-group" *ngIf="show==1 || 'showValue'==1"> 
       <h5>BACKGROUND</h5>{{showValue}} 
</div>

來源

2017-03-07 NMNB

你是否導入了FormsModule –

什麼是''showValue'== 1「'應該這樣做？這始終是false –

showValue將從我的服務中獲得一個值，它應該檢查值並顯示加載的div – NMNB

設置代替的showValue

class MyComponent { 
    showValue:string; 
    constructor() { 
    this.showValue = 1; 
    } 
}

<input id="showValue" [(ngModel)]="showValue"> 
{{showValue}} 
<div class="form-group" *ngIf="show==1 || showValue==1"> 
       <h5>BACKGROUND</h5>{{showValue}} 
</div>

來源

2017-03-07 07:18:59

嗨，感謝您的快速回復。我從我的服務中得到的同樣的價值元素我展示了一個例子 – NMNB

對不起，我不理解評論這是否意味着你不想這樣做，或者你不能這樣做？原因是什麼？AFAIK'value =「1」'在你的例子中不會有任何效果，因爲'ngModel'在'ngModel'初始化時用'showValue'的值覆蓋它。 –

對不起，我的意思是sa我做了同樣的事情，並不適合我。我認爲我在某個地方做錯了什麼 – NMNB

本地存儲值達到這不是做一個好辦法，所以你應該用戶服務然後在範圍變量中設置值。

來源

2017-03-07 09:32:40

我可以使用'this.showValue = connectService.showValue;'從服務獲取值到組件 – NMNB

加載頁面時ngModel不起作用

回答

相關問題