2017-03-07 121 views
1

我想根据输入字段值加载本身来显示特定的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> 
+0

你是否导入了FormsModule –

+2

什么是''showValue'== 1“'应该这样做?这始终是false –

+0

showValue将从我的服务中获得一个值,它应该检查值并显示加载的div – NMNB

回答

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> 
+0

嗨,感谢您的快速回复。我从我的服务中得到的同样的价值元素我展示了一个例子 – NMNB

+0

对不起,我不理解评论这是否意味着你不想这样做,或者你不能这样做?原因是什么?AFAIK'value =“1”'在你的例子中不会有任何效果,因为'ngModel'在'ngModel'初始化时用'showValue'的值覆盖它。 –

+0

对不起,我的意思是sa我做了同样的事情,并不适合我。我认为我在某个地方做错了什么 – NMNB

0

本地存储值达到这不是做一个好办法,所以你应该用户服务然后在范围变量中设置值。

+0

我可以使用'this.showValue = connectService.showValue;'从服务获取值到组件 – NMNB

相关问题