javascript - 进入应用程序所需的名称。

Question

我目前正在使用 JavaScript、Angular JavaScript、HTML 和 CSS 构建一个混合应用程序。我在编码时遇到问题的功能是用户必须输入他们的姓名才能进入右侧的可滑动页面，然后单击“输入应用程序”，这是我目前的代码:

<ion-slide>
  <h4 style="margin-bottom:10%">my name is {{name}} </h4>
  <label class="item item-input" style="width: 80%; margin:0 auto;">
    <input ng-model="name" type="text" placeholder="Enter your name" ng-keypress="redirectMe($event)" >  </input>
  </label>    
</ion-slide>

是否可以像“如果输入不为空则显示 ng-show”那样做一些很长的事情

Answer 1

是的，您可以直接在 View 中使用和测试 ng-model 的值。这里可以使用 ng-show="name"

<ion-slide>
  <h4 style="margin-bottom:10%" ng-show="name">my name is {{name}} </h4>
  <label class="item item-input" style="width: 80%; margin:0 auto;">
    <input ng-model="name" type="text" placeholder="Enter your name" ng-keypress="redirectMe($event)" >  </input>
  </label>    
</ion-slide>

http://jsfiddle.net/7hgdvbec/