使用ng-bind-html和默认内容操纵内容

时间:2014-09-04 07:49:01

标签: javascript html angularjs

我正在尝试使用angular来重新加载(或“livechange”)内容 - 内容默认结构不是由angular创建的。 所以我有以下

<div>Default Value</div>

我希望能够使用angular重建内容(ng-bind-html是一个很好的解决方案,但它不能使用'default'值)。

任何帮助将不胜感激。谢谢!

1 个答案:

答案 0 :(得分:1)

您可以使用ng-hide / ng-show指令执行此操作,请参阅此处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>