繁体   English   中英

执行<script> tags binded via ng-bind-html in AngularJS

[英]Execute <script> tags binded via ng-bind-html in AngularJS

我已经搜索了一个好的答案,而且-我保证-我知道那里有很多相似的答案。

我读过这篇文章: 在AngularJS中,HTML模板中包含的任何内联javascript代码均不起作用

我尝试创建一个指令,以侦听div的更新并再次对其进行$编译-像这样: http : //www.bennadel.com/blog/2745-creating-custom-script-tag-directives-in- angularjs.htm

但是,我找不到任何东西可以完全满足我的需求。 基本上,我在工作中创建了一个新闻站点,生产者通过Drupal安装填充了故事页面,该页面填充了Redis数据库,该数据库通过REST API为我们的站点提供动力。

然后,按照以下方式填充这些页面的内容:

<div class="topExtraHtml" ng-bind-html="extras.html.top"></div>

制作人有时会喜欢在需要外部js的故事中添加嵌入内容,因此extras.html.top可能会起到以下作用:

<script src="http://outsidesource.com/embedcode.js"></script>
<div id="the-js-will-populate-me"></div>

甚至有可能使它起作用吗? 我完全迷住了。

如果您尝试实时嵌入javascript,则Angular 1.0目前无法处理它。 Angular 2.0将能够处理脚本等的注入。解决此问题的一种方法是使用RequireJS或Browerserify。 生产者是否有可能将条目放入JS文件(与HTML分开)?

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM