javascript - Required name in order to proceed into the app. -

javascript - Required name in order to proceed into the app. -

i building hybrid app using javascript, angular javascript, html , css. function having problem coding user has come in name in order proceed swipeable page on right , click 'enter app' here code have far:

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

would possible long lines of 'ng-show if input not null'

yes, can utilize , test straight value of ng-model in view. here can utilize ng-show="name"

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

http://jsfiddle.net/7hgdvbec/

javascript html css angularjs