Contenteditable指令不使用Angular UI Bootstrap选项卡

时间:2014-05-27 21:47:25

标签: angularjs angularjs-directive angular-ui-bootstrap

我正在尝试使用Angular UI(Bootstrap)创建两个选项卡,其中一个选项卡允许用户输入HTML,另一个选项卡用作"预览",呈现提供的HTML。

为了处理预览,我使用了展示here的contenteditable指令。

但是,此指令似乎不能使用Angular UI选项卡。我相信可能存在一个范围问题,但我还没有能够追踪它。我已经找到了"陷阱"的例子。 here,但在我的情况下,这似乎不是问题。

可以找到一群非工作代码here。在这个例子中,HTML不仅没有被渲染,而且范围更新似乎是零星的。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

您可以在没有该指令的情况下执行此操作。您只需要在角度中使用$sce服务。见plunk