Question

我有一个带有ngModel的ion-input。我试图用(input)事件打印输入的值，但是，变量不会立即打印新值。当我按下屏幕的其他部分时，它会打印该值。你知道为什么吗？

 <ion-input type="number" (input)="change()" [(ngModel)]="value"></ion-input>

{{value}}

编辑：

value: any;

constructor(public navCtrl: NavController) {}

change() {
    console.log('change ' + this.value);
}

Answer 1

您不需要更改功能，只需要ngModel

List 1
<ul class="thumbicon"> <!-- need to append the class 'flex-direction-nav' -->
   <!-- append prev li -->
   <li>item 1<li>
   <li>item 2<li>
   <li>item 3<li>
   <!-- append next li -->
</ul>
 List 2
<ul class="flex-direction-nav">
  <li class="flex-nav-prev">
     <a class="flex-prev" href="#">Previous</a>
  </li>
  <li class="flex-nav-next">
     <a class="flex-next" href="#">Next</a>
  </li>
</ul>

单凭这一点，您就可以更新值变量

如何在模板中实现变量？

1 个答案: