how can bind string values to html controls in angularJS

Question

For Example in asp.net with c# we build string like

string str="<div>..in that tag we can use any type of controls..</div>";

we can bind the string as htmlgenericController, so is there any option like above in angularjs?

pgrodrigues · Accepted Answer · 2015-12-18 10:08:14Z

2

Yes it is, there is an example in AngularJS Documentation:

Controller:

angular.module('bindHtmlExample', ['ngSanitize'])
   .controller('ExampleController', ['$scope', function($scope) {
       $scope.myHTML = 'I am an <code>HTML</code>string with ' + '<a href="#">links!</a> and other <em>stuff</em>';
}]);

HTML:

<div ng-controller="ExampleController">
    <p ng-bind-html="myHTML"></p>
</div>

Output:

<div ng-controller="ExampleController">
    <p>I am an <code>HTML</code>string with ' + '<a href="#">links!</a> and other <em>stuff</em></p>
</div>

edited Dec 18, 2015 at 10:08

answered Dec 18, 2015 at 9:41

pgrodrigues

2,0781 gold badge25 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

how can bind string values to html controls in angularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related