Fatal编程技术网
  • javascript/
  • Javascript 离子应用程序中的disks

Javascript 离子应用程序中的disks

javascript

Javascript 离子应用程序中的disks,javascript,ionic,disqus,Javascript,Ionic,Disqus,我正在尝试在我的ionic应用程序中实现disqus命令。我知道我必须将其托管在我认为已正确配置的域及其设置上。欢迎任何援助 下面是我的app.js中针对ionic应用程序的代码 $scope.showComments = function () { $scope.currentView = "comments"; //loadComments(params["shortname"], params["url"], params["title"], params["identif

我正在尝试在我的ionic应用程序中实现disqus命令。我知道我必须将其托管在我认为已正确配置的域及其设置上。欢迎任何援助

下面是我的app.js中针对ionic应用程序的代码

$scope.showComments = function () {
    $scope.currentView = "comments";
    //loadComments(params["shortname"], params["url"], params["title"], params["identifier"]);
    //

    var disqus_title = "Venue 1";
    var disqus_identifier = '/venue/' + $stateParams.id;
    var disqus_url = 'liverpool.li/venue/' + $stateParams.id;
    var url = "http://liverpool.li/app/disqus.html?";
    $scope.url = url + "shortname=liverpoolli&url=" + encodeURIComponent(disqus_url) +
    "&title=" + encodeURIComponent(disqus_title) + "&identifier=" + encodeURIComponent(disqus_identifier);
    $scope.url = $sce.trustAsResourceUrl($scope.url);
};

$scope.$on("$destroy", function () {
    if ($scope.lastScriptElm && $scope.lastScriptElm.parentNode) {
        $scope.lastScriptElm.parentNode.removeChild($scope.lastScriptElm);
        $scope.lastScriptElm = null;
    }
});
它指向的页面（disqs.html）位于我的域中

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
</head>
<body>
<div id="disqus_thread"></div>
<script type="text/javascript">
    var params;
    var disqus_url;
    var disqus_title;
    var disqus_shortname;
    var disqus_identifier;

    window.onload = function () {
        var match,
            pattern = /\+/g,
            search = /([^&=]+)=?([^&]*)/g,
            decode = function (s) { return decodeURIComponent(s.replace(pattern, " ")); },
            query = window.location.search.substring(1);

        params = {};
        while (match = search.exec(query))
           params[decode(match[1])] = decode(match[2]);

        if (params["shortname"] === undefined || params["url"] === undefined || params["title"] === undefined) {
            alert("Required arguments missing");
        }
        else {
            loadComments(params["shortname"], params["url"], params["title"], params["identifier"]);
        }
    };

    function loadComments(shortname, url, title, identifier) {
        disqus_url = url;
        disqus_title = title;
        disqus_shortname = shortname;

        if (identifier !== undefined)
            disqus_identifier = identifier;
        else
            disqus_identifier = "";

        (function() {
            var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = false;
            dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
    }
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</body>
</html>


var参数；
var-s_-url；
var Discus_标题；
var Discus_简称；
var-s_标识符；
window.onload=函数（）{
变量匹配，
模式=/\+/g，
搜索=/（[^&=]+）=？（[^&]*）/g，
decode=函数{返回decodeURIComponent（s.replace（pattern）”；}，
query=window.location.search.substring（1）；
params={}；
while（match=search.exec（查询））
参数[解码（匹配[1]）]=解码（匹配[2]）；
if（params[“shortname”]==未定义的| | params[“url”]==未定义的| | params[“title”]==未定义的）{
警报（“缺少必需参数”）；
}
否则{
loadComments（参数[“shortname”]、参数[“url”]、参数[“标题”]、参数[“标识符”]）；
}
};
函数loadComments（短名称、url、标题、标识符）{
discus_url=url；
题目=题目；
discus_shortname=shortname；
如果（标识符！==未定义）
标识符=标识符；
其他的
disqs_identifier=“”；
（功能（）{
var dsq=document.createElement（'script'）；dsq.type='text/javascript'；dsq.async=false；
dsq.src='http://'+discus_shortname+'.discus.com/embed.js'；
（document.getElementsByTagName（'head'）[0]| | document.getElementsByTagName（'body'）[0]）.appendChild（dsq）；
})();
}
请启用JavaScript以查看
我得到以下错误

我们无法加载文件。如果您是版主，请查看我们的 故障排除指南

看起来你就快到了。我看到的唯一问题是
discus\uURL
变量还必须包含有效的协议。请尝试使用以下行：

var discus\u url='1http://liverpool.li/venue/'+$stateParams.id
就是这样！有些愚蠢的事情让我花了几个小时修改代码——谢谢你指出这一点。非常感谢@Ryan V-你能帮我做一下吗？应在何处托管disqs.html，以及如何将其嵌入到我的爱奥尼亚视图中？您的帮助将非常有用，您可以自己托管HTML注释server@BCLtd您能否解释一下如何在当前页面中显示showComments功能？提前感谢。用户如何在ionic应用程序中登录到Disqs？BCLtd我正在努力解决如何让Disqs与ionic一起工作，并且发现您的问题在一定程度上有所帮助，但无法解决您显示的代码如何适合ionic模板？例如，$scope.showComments、$scope.currentView和$scope.url在哪里使用？@BillNoble-你们中有人可以这样做吗？@AngryJS Nope不是我。@BCLtd-你能帮个忙吗？嗨，我使用了你的方法，但登录时出现了问题。它会把你带到一个全屏页面，没有办法返回。你是怎么解决的？