AngularJs $scope is undefined in ionic project

Question

I'm building a project with ionic.

Here is my simple controller:

var app = angular.module('myApp', ['ionic']);

app.controller("loginController", ['$scope', function($scope){
    $scope.userName = ""
    $scope.password = ""

    $scope.login = function(){
        //some login things here
    };
}]);

My HTML

 <ion-content ng-controller="loginController">
            <form class="list" ng-submit="login()">
              <label class="item item-input">
              <span class="input-label">Username</span>
              <input type="text" ng-bind="userName">
              </label>
              <label class="item item-input">
              <span class="input-label">Password</span>
              <input type="password" ng-bind="password">
            </label>
            <button class="button button-block button-positive">
              Login
            </button>
          </form>
</ion-content>

When i click to login button, Login function is runing but i can't access to userName and password variables because meanwhile $scope is undefined

dfsq · Accepted Answer · 2015-02-01 13:37:38Z

2

You need to put ngModel directives on input fields instead of ngBind:

<input type="text" ng-model="userName">

Complete HTML code then will become:

<form class="list" ng-submit="login()">
    <label class="item item-input"> 
        <span class="input-label">Username</span>
        <input type="text" ng-model="userName">
    </label>
    <label class="item item-input"> 
        <span class="input-label">Password</span>
        <input type="password" ng-model="password">
    </label>
    <button class="button button-block button-positive">Login</button>
</form>

answered Feb 1, 2015 at 13:37

dfsq

193k26 gold badges244 silver badges261 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sefa Over a year ago

That works. I'll mark this as answer when it's possible. Thanks.

Collectives™ on Stack Overflow

AngularJs $scope is undefined in ionic project

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related