栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在angularjs应用程序中包含Tripadvisor小部件

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在angularjs应用程序中包含Tripadvisor小部件

因此,不幸的是,基于大量搜索,没有任何方法可以使用纯角度进行此操作。在脚本标签上使用“ ng-include”,基于模板的指令甚至“ ng-
src”都可以下载脚本,但默认情况下它们不会运行。

由于我猜您不想修改旅行顾问代码,因此我能找到的最佳选择是将jQuery“ getscript”称为:

$.getscript("//www.tripadvisor.com/WidgetEmbed-cdsratingsonlynarrow?amp;uniq=791&lang=en_US&border=true&locationId=2227230");

我将其简化为一条类似于以下内容的指令:

app.directive("widgit", function ($sce, $timeout) {  return {    link: function (scope, element, attrs) {      scope.$watch("attrs.widgit", function () {        $.getscript(scope[attrs.widgit].script);        element.append(angular.element(scope[attrs.widgit].widgit));      });    }  };});

如果您想查看此工作原理,请查看以下插件:
http

://plnkr.co/edit/QmxgcPujnjtqUgECeLC3?p=preview

最后一个真正重要的事情是旅行顾问提供的脚本实际上只是调用了另一个脚本标签。根据我的判断,您不能直接使用此脚本-
相反,您必须手动将该脚本标记跟随到实际值。换一种说法:

  • 不要使用: -//www.jscache.com/wejs?wtype=cdsratingsonlynarrow&uniq=791&locationId=2227230&lang=zh_CN&border=true
  • 而是: -//www.tripadvisor.com/WidgetEmbed-cdsratingsonlynarrow?amp;uniq=791&border=true&lang=en_US&locationId=2227230

总而言之,我认为这应该为您提供所需的东西。祝你好运!

更多细节

因此,根据后续操作,我向示例添加了路线,并再次使用ng-
view重现了该问题。这里的基本问题仍然是,加载视图后,旅行顾问代码无法运行。本质上,对前一个所做的所有工作就是添加以下几行代码(在代码呈现之后):

if (window.taValidate) {  window.taValidate();}

在此之后,您最终得到的是以下可用的插件:http
://plnkr.co/edit/fqQXnx0uyckuVkxOZq6n?p=preview 。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/569001.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号