草庐IT

angular2-social-login

全部标签

javascript - Angular 中 document 与 $document 的区别

在开发Angular应用程序时使用document和$document有什么区别?我读到最好使用angular的等效项,例如:$window而不是window或$timeout而不是setTimeout。但是……为什么?我认为window、setTimeout和document更快,因为它们是原生的,不需要“通过”Angular框架的代码。使用Angular的等价物而不是原生函数、来自JS的对象是否更好? 最佳答案 通过为$document和$window使用Angular服务,您可以为代码单元测试做好准备。这种依赖注入(injec

javascript - 在 Angular 2 + Meteor 应用程序中包含 Google 字体

Angular2新手。如何在我的应用中包含Google字体。应用结构是客户|--app.ts|--main.ts|--index.htmlIndexFile.htmlLoading...在head标签中包含链接但没有效果,还在客户端文件夹(font.js)中创建了一个JS文件并插入了代码Meteor.startup(function(){WebFontConfig={google:{families:['Montserrat::latin']}};(function(){varwf=document.createElement('script');wf.src='https://aja

javascript - angular 4 如何访问 ViewChildren _results

我在ngFor中有一个复选框列表:I'mInterested我像这样在组件中引用它们:@ViewChildren("hangcheck")hangchecks:QueryList;然后在ngAfterViewInit中我需要循环它们:ngAfterViewInit(){console.log('thearray:',this.hangchecks)this.hangchecks._results.forEach((item)=>{console.log('theitem:',item)});}但我得到:属性“_results”是私有(private)的,只能在类“QueryList”中

javascript - 如何在运行时添加 SVG 元素 - Angular

我将通过单击按钮添加一个SVG元素:myApp.directive('addRectangle',function(){returnfunction(scope,element,attr){element.bind('click',function(){scope.rectCount++;angular.element(document.getElementsByClassName('svgMain')).append('');});}});该元素将如我所料正确添加,但问题是它没有显示在相关位置!我已经检查了页面的源html,对此我完全确定。这是这个问题的fiddle:jsfiddle

javascript - Angular 2 - typescript 函数与外部 js 库的通信

使用JavascriptInfovisToolkit作为绘制图形和树的外部库。我需要操作节点的onClick方法,以便向服务器异步发送HTTPGET请求,并将来自服务器的数据分配给Angular服务类的属性和变量。通过使用webpack将所有已编译的typescript打包到一个js文件中,输出文件是困惑且不可读的。因此,从外部js库调用已编译js文件中的函数显然不是最佳解决方案。我在我的Angular服务中尝试了以下解决方案,这样我就可以毫无问题地访问该服务的属性:document.addEventListener('DOMContentLoaded',function(){varn

javascript - Angular 中的货币格式化指令

我需要一个用于过滤货币字段的指令,因此用户只需键入并隐含小数点。需要:将十进制字段格式化为用户类型-从用户输入的百分位开始。所以他们会键入“4”并看到“0.04”,键入“42”并看到“0.42”,键入298023并看到“2980.23”字段必须是数字必须允许负数-允许0.00作为数字输入理想情况下会使用type="number"但"type=text"没问题您应该能够将字段清空。ng-currency过滤器不满足这些要求。请查看plunkers中的行为以了解我的意思。我的FirstPlunker有“input=text”并允许负数。一个问题是您不能将负数作为第一个数字。当您清除该字段时

javascript - 如何在 Angular 2 中使用 jQuery UI

因为我想在我的应用程序中加入拖放功能,所以我决定将jQueryUI导入到我的Angular2项目中。首先,我通过执行以下操作来导入jQuery本身:import{ElementRef}from'@angular/core';declarevarjQuery:any;ngOnInit(){jQuery(this._elRef.nativeElement).find('ul.tabs').tabs();}这非常适合初始化东西。但是当我尝试对.draggable()函数执行操作时,出现以下错误:jQuery(...).draggable不是函数我怎样才能使这项工作?我阅读了很多方法,但所有方

javascript - Angular场景e2e测试能否集成外部资源工作流

您如何使用KarmaRunner(前Testacular)e2e场景运行器在e2e测试中集成异地/应用外/外部资源工作流?基本场景:应用有一个按钮。单击按钮将数据发送到服务提供商X(例如提交到http://service/submit或其他)。提供商X需要在此URL上进行点击/提交/操作。vendorX然后将一些东西发回我们的应用程序。我不是在问“你如何stubvendorX”。我想问你如何实际上端到端测试这个——所以我们的测试实际上可以捕获第3方服务API的重大更改。我基本上希望能够驱动一个应用程序外的网站,类似于您使用Selenium'sWebdriver之类的东西的方式。.目前我

javascript - Karma + Angular 模拟 TypeError : 'undefined' is not an object (evaluating 'angular.mock = {}' )

我正在尝试使用Karma+Jasmine编写单元测试,但遇到了Angular模拟的错误。运行grunttest时出现以下错误:PhantomJS1.9.8(MacOSX)ERRORTypeError:'undefined'isnotanobject(evaluating'angular.mock={}')at/Users/danielbogart/Documents/coding/work/AexNav/bower_components/angular-mocks/angular->mocks.js:17Chrome39.0.2171(MacOSX10.9.4)ERRORUncaugh

javascript - Angular 路由包含 #!在 url 而不是#

这个问题在这里已经有了答案:angularjs1.6.0(latestnow)routesnotworking(5个答案)关闭6年前。最近我注意到,在AngularJS应用程序中使用ngRoute模块时,路由在URL中包含#!,之前只是#.例如,www.webiste.com/#/login变为www.website.com/#!/login我必须启用html5Mode并禁用requireBase,它使用代码将base作为一个整体删除,$locationProvider.html5Mode({enabled:true,requireBase:false});并且URL更改为www.we