AngularJS Stop Replacement of Default Input Value

Question

In AngularJS I have input that is populated by php like so:

<form method="post" ng-controller="PostCtrl">
 <input type="text" name="post_title" ng-model="post_title" />
</form>

Now in my Controller, I never to specify ng-model, so I lets imagine I have empty controller:

EngagementApp.controller('PostCtrl', ['$scope',
function($scope) {

    return function($scope) {

    }
}]);

The problem I am having is that anything tied to an ng-model automaticcaly gets replaced with an empty value. My question is how can I stop the default php value from being replaced if no value in the controller is set?

Set the default value in Angular ng-model="<?php $blah ?>" — tymeJV
– tymeJV, Commented Oct 14, 2013 at 15:36

Thomas · Accepted Answer · 2013-10-14 15:35:48Z

2

You can use ng-init to set an inital value. For example

<input type="text" name="post_title"
 ng-model="post_title" ng-init="post_title='<?$=phpValue;?>'" />

The HTML value attribute is ignored by AngularJS.

answered Oct 14, 2013 at 15:35

Thomas

12.1k2 gold badges29 silver badges45 bronze badges

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

1 Comment

Andy Over a year ago

If you are supporting users without JavaScript, you will still need to set the value attribute. Also, it's good practice to set the scope variable as @gion_13's answer recommends -- I normally initialize it to an empty string.

gion_13 · Accepted Answer · 2013-10-14 15:41:32Z

0

You should could the default values from your controller:

$scope.post_title = 'default value';

But initializing the model from the html by using ng-init ( like @Thomas suggested ) makes more sense in this particular case.

edited Oct 14, 2013 at 15:41

answered Oct 14, 2013 at 15:36

gion_13

41.5k10 gold badges99 silver badges111 bronze badges

Collectives™ on Stack Overflow

AngularJS Stop Replacement of Default Input Value

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related