加载页面时ngModel不起作用

Question

我试图根据输入字段值on-load本身显示一个特定的div。我的角度服务在输入字段上设置的值。但是使用[（ngModel）]它不会在加载时绑定。有什么办法可以用角度2来实现这个目的。

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

Answer 1

改为设置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>

Answer 2

本地存储不是一个好方法，你应该使用用户服务然后在范围变量中设置值。