Ionic/AngularJS和一个简单的登录屏幕-Ionic/AngularJSandasimpleloginscreen

0  

You can use an expression like {{buttonText}}.

可以使用{{{{{buttonText}}这样的表达式。

JS:

JS:

angular.controller('SignInCtrl', function($scope) {
     $scope.buttOnText= 'bla';

     $scope.changeText = function() {
           $scope.buttOnText= 'foo';
     }
});

HTML:

HTML:

{{buttonText}}

Not first the button has bla as Text and after a click the text changes from bla to foo and will be rerendered.

首先，按钮将bla作为文本，单击后，文本将从bla更改为foo，并将重新运行。

0  

I don't understand your logic so much.

我不太理解你的逻辑。

But your purpose is to change the button text when the phoneNumber's length is equal to 4 or more than that, right?

但是你的目的是当phoneNumber的长度等于或大于4时改变按钮文本，对吧?

so, your button code can write as:

因此，您的按钮代码可以写成:

{{ phoneNumber.length >= 4 ? 'Login In' : 'Get Code' }}

And, I have an advice.

我有个建议。

In your controller, just write signIn function as this:

在你的控制器中，只要像这样写登录函数:

$scope.signIn = function(phoneNumber, code) {
    if ( typeof code === 'undefined' ) {
        console.log('Sign In Phone Number', phoneNumber);
    }
    else {
        console.log('Sign In Phone Number', phoneNumber);
        console.log('Sign In Code', code);
        $state.go('home');
    }
};

0  

You can use the following,

你可以用以下方法，

In HTML,

在HTML中,

  

  

  Get Code
  Sign In

In controller,

在控制器中,

$scope.ShowGetCode=true;
$scope.calPhOno=function(no){
  if(no.length == 4){
    $scope.editing=true;
  }else{
    $scope.editing=false;
  }
}

$scope.Calgetcode=function(){
 $scope.editing=false;
 $scope.ShowGetCode=false;
 $scope.GetCode=true;
 $scope.ShowSignIn=true;
}

$scope.calSignIn=function(no){
 if(no.length == 4){
    $scope.editing=true;
  }else{
    $scope.editing=false;
  }
}

$scope.signIn=function(){
 $location.path("/homepage");
}

Refer my codpen :

请参考我的codpen:

http://codepen.io/mohanapriya/pen/NrrwQN?editors=1000

http://codepen.io/mohanapriya/pen/NrrwQN?editors=1000