gpt4 book ai didi

javascript - 无法将环聊按钮添加到脚本标记内的 HTML 模板

转载 作者:行者123 更新时间:2023-11-28 03:55:37 25 4
gpt4 key购买 nike

在我的索引页面上,当我添加如下所示的环聊按钮时,它会按预期绘制和工作。

    <body ng-app="sampleApp" ng-controller="MainCtrl">
<div class="row">
<div class="col-md-12 m-body">
<div class="m-header-text">
Hello Friend
</div>

<g:hangout render="createhangout"></g:hangout>

<div>
<!-- Insert html view templates here -->
<ui-view></ui-view>
</div>
</div>
</div>
<!-- So on -->
</body>

但是当我把它放在一个基于 url 路由显示的模板中时,只有 Hangouts 按钮没有被绘制并且在 UI 中看不到。

  <script type="text/ng-template" id="/home.html">
<div class="col-md-12 m-Grid m-rowBg m-border">
<div ng-repeat="peers in lop">
Hey {{peer.username}}
Call Peer <g:hangout render="createhangout"></g:hangout>
</div>
</div>
</script>

你能告诉我为什么它没有被绘制吗&我应该怎么做才能显示按钮?这会很有帮助!

使用 AngularJS。

最佳答案

我遇到了同样的问题,并找到了使用 Angular 指令的解决方案。

带有 Google 标签标记的呈现按钮的问题是呈现在 platform.js 脚本加载时执行,这是在 Angular 加载模板之前。

所以一个解决方案是在 Angular 加载模板后调用 Google API 渲染函数。我创建了一个带有链接函数的 Angular 自定义指令:

hangoutButton.directive('hangoutButton', function() {

return {
restrict: 'E',
template: '<div id="hangout-button"></div>',
link: function (scope, element, attrs) {
gapi.hangout.render('hangout-button', {'render': 'createhangout'});
}
};
});

然后您可以使用自定义元素将其显示在模板中:

<div class="col-md-12 m-Grid m-rowBg m-border">
<div ng-repeat="peers in lop">
Hey {{peer.username}}
Call Peer <hangout-button></hangout-button>
</div>
</div>

关于javascript - 无法将环聊按钮添加到脚本标记内的 HTML 模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30554021/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com