Angular - Setting value of input has no effect

Question

Im trying to set a value of a password input field from the controller but its having no effect

Controller

$scope.passwordDetails.currentPassword = 'madeuppassword';

.

View

<div class="form-group" show-errors>
      <label for="currentPassword">Current Password</label>
      <input type="password" id="currentPassword" name="currentPassword" class="form-control"
             ng-model="passwordDetails.currentPassword" placeholder="Current Password" required>
      <div ng-messages="passwordForm.currentPassword.$error" role="alert">
        <p class="help-block error-text" ng-message="required">Your current password is required.</p>
      </div>
    </div>

Is there something simple im doing wrong?

The code looks fine and should work. Did you forget to instantiate the controller (either <ANY ng-controller="..."></ANY>, or via a route)? — JanS
– JanS, Commented Mar 11, 2016 at 20:20

boyomarinov · Accepted Answer · 2016-03-11 20:22:37Z

2

If passwordDetails is not initialized from before, your assignment on the scope should throw an error. In case you need the object, then try like this:

$scope.passwordDetails = {
    currentPassword: 'changeme'
};

Here's a working plnkr of your example: http://plnkr.co/edit/J3OfG0ioDJ85egoqTxSG?p=preview

answered Mar 11, 2016 at 20:22

boyomarinov

6154 silver badges12 bronze badges

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

Comments

Gomes · Accepted Answer · 2016-03-11 20:24:09Z

0

add the below line before assigning value to nested object.

$scope.passwordDetails = {};
$scope.passwordDetails.currentPassword = 'madeuppassword';

answered Mar 11, 2016 at 20:24

Gomes

3,35028 silver badges18 bronze badges

Collectives™ on Stack Overflow

Angular - Setting value of input has no effect

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related