I am getting this error on my page when I bind a model using the ng-model.
This is how I have written the code -
<section class="row">
<div class="col-xs-6">
<h2>Login to edit your Team's data.</h2>
<div class="form-group">
<label for="ldap">LDAP</label>
<input type="text" class="form-control" id="ldap" placeholder="Enter LDAP" ng-model="user.ldap">
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" placeholder="Password" ng-model="user.password">
</div>
<button type="submit" class="btn btn-default" ng-click="submit()">Submit</button>
</div>
</section>
And this is the code in the controller -
dmeDashControllers.controller('loginCtrl', ['$scope','auth','$location','$http','Base64', function($scope, auth, $location, $http, Base64) {
$scope.$parent.path = $location.$$path;
$scope.user = {};
$scope.user.ldap = '';
$scope.submit = function() {
var encoded = Base64.encode($scope.user.ldap + ':' + $scope.user.password);
$http.defaults.headers.common.Authorization = 'Basic ' + encoded;
var sendLogin = new auth;
sendLogin.$checklogin();
console.log(sendLogin);
}
}]);
When I enter something in the LDAP text field I get this error. Not sure why this is happening. Removing the line ng-model="user.ldap" fixes it, so I am assuming it has something to do with the model binding, please suggest.