Question

我开发了一个基于Angular HTML5 Bootstrap CSS的网站。我已经嵌入了DISQUS用于交互和评论目的。但是，它不能按照我想要的方式工作，我在每个页面中看到相同的注释，因为我的是单页面应用程序，并且我仅在主页HTML文件中包含DISQUS代码。

但是，我希望在我的角度JS单页面应用程序中为每个异步URL刷新加载唯一的disqus，以便每页的注释是唯一的。

现在我在所有页面中看到相同的评论。下面是我在body标签内使用的disqus代码

我的网站

http://www.europeansaga.com/#/

＆＃13;

<script>
		/**
		 *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
		 *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
		/*
		 var disqus_config = function () {
		 this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
		 this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
		 };
		 */
		(function() { // DON'T EDIT BELOW THIS LINE
			var d = document, s = d.createElement('script');
			s.src = '//www-europeansaga-com.disqus.com/embed.js';
			s.setAttribute('data-timestamp', +new Date());
			(d.head || d.body).appendChild(s);
		})();
	</script>
	<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<script id="dsq-count-scr" src="//www-europeansaga-com.disqus.com/count.js" async></script>

＆＃13;

我使用了以下HTML标记，其中disqus作为一次性活动加载。在URL更改期间，页面根本不刷新

＆＃13;

<div id="disqus_thread"></div>

＆＃13;

一个Angular单页应用程序的Disqus

0 个答案: