manipulating content with ng-bind-html and default content

Question

I'm trying to use angular to reload (or 'livechange') content - the content default structure isn't created by angular. so i have the following

<div>Default Value</div>

and i want to be able to rebuild the content with angular (ng-bind-html is a great solution, but it cant use 'default' value).

Any help would be appreciated. thanks!

sylwester · Accepted Answer · 2014-09-04 08:34:54Z

1

You can do that using ng-hide/ng-show directive please see here http://plnkr.co/edit/oHJMD6UU3xOOg5HZo3IC?p=preview

<body ng-controller="MainCtrl">

  <textarea name="comment" ng-model="myHTML"></textarea>
  <div ng-bind-html="myHTML" ng-show="myHTML"></div>
  <div ng-hide="myHTML">Default Value</div>
</body>

answered Sep 4, 2014 at 8:34

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

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

1 Comment

Y K Over a year ago

Thanks, i didn't want to do manipulation that way. my main idea is to leave the html as is and make the manipulation through angular. what i did at the end is using $event.target.innerHTML

Collectives™ on Stack Overflow

manipulating content with ng-bind-html and default content

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related