ng-bind-html inside input text does not bind

Question

Inside a ng-repeat, following code does not work:

<input type="text" ng-bind-html="row.value" />

Following does:

<span ng-bind-html="row.value"></span>

I guess ng-bind-html is unable to bind to a input element?

Also does ng-bind-html actually bind the element with the model (here row.value)

MarcinJuraszek · Accepted Answer · 2013-12-26 03:36:57Z

7

That's because input element cannot have innerHTML content. It uses value attribute instead to set the input value.

That's the same as you'd try to write.

<input type="text">
    your value
</input>

It will not work and that's not angular.js fault.

answered Dec 26, 2013 at 3:36

MarcinJuraszek

126k15 gold badges199 silver badges267 bronze badges

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

2 Comments

Thanks, does makes sense. I have achieved the same results with <input ng-model="row.value" > now.

I made same result by this... <input type="text" ng-model="name" value="John"> <input type="text" value = {{name}} >