Question

我是Ionic框架的新手，我创建了简单的侧边菜单应用程序，我想在其中添加disqus注释。这就是我的代码的样子：

我将此srcipt添加到<head>中的index.html：

<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = '<hooligansapp>'; // Required - Replace '<example>' with your forum shortname

/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();

这是我的模板：

<ion-view view-title="Comments">
  <ion-content>
      <div id="disqus_thread"></div>
  </ion-content>
</ion-view>

没有任何事情发生:(

那么，我该如何解决呢？

Answer 1

您必须将配置变量和脚本放在视图的控制器中。

controllers.CollectionsCommentsCtrl = function($scope) {
    var disqus_shortname = 'your_id';
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//your_id.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
}

在这里你可以看到我的结果：

如何将disqus添加到Ionic应用程序？

1 个答案: