草庐IT

angular-devkit

全部标签

javascript - 如何在 Angular 2 中为脚本和样式指定基本 href?

我目前正在研究Angular2,我对如何将样式和脚本注入(inject)index.html有疑问通过AngularCLIbuild命令(我指的是在angular-cli.json中定义的脚本和样式)。问题是我在嵌套位置运行应用程序,例如:http://domain.com/my_app同时可以设置,注入(inject)的脚本和样式总是指向src到根域。即/而不是/my_app.当然,这会在尝试查看页面时导致404。我正在服务/dist直接。Nginx配置:server{server_namedomain.com;listen80;location/my_app{alias/srv/w

javascript - 添加提供程序@NgModule 时出现 Angular2 "No provider for Service!"错误

我有一个应用程序模块和单组件应用程序(用于演示我的问题),并出现以下错误:Errorin./AppComponentclassAppComponent_Host-inlinetemplate:0:0causedby:NoproviderforUserService!;Zone:;Task:Promise.then;Value:AppModule代码:import{NgModule}from'@angular/core';import{BrowserModule}from'@angular/platform-browser';import{UserService}from'./compo

javascript - Angular 2 - 在 iframe 上注入(inject)自定义 header

我疯狂地尝试将请求自定义header(类似于'AUTH-TOKEN':'SomeToken123')注入(inject)到Angular4上。我需要向iframe页面传递一些必需的自定义header参数。谁能帮帮我?foo.component.html组件.ts@Component({selector:'app-foo',templateUrl:'./foo.component.html'})exportclassFooComponentimplementsOnInit{@ViewChild('iframe')iframe:ElementRef;publicisLoading:Bool

javascript - Angular 拦截器和 CORS

我正在尝试编写一个拦截器以使用Angular向所有HTTP请求添加一个token。我大致使用这里给出的食谱-https://thinkster.io/interceptors因此代码使用了http模块工厂和一个tokenInterceptor()函数。我可以成功地将token作为header添加到请求中-但现在当它通过拦截器时,它会被某种CORS阻塞机制阻塞。我在Chrome控制台中收到此错误-XMLHttpRequestcannotloadhttp://127.0.0.1:/.Responsetopreflightrequestdoesn'tpassaccesscontrolchec

javascript - 如何避免在 Angular 2 中多次执行不纯管道?

您好,我正在使用Angular2管道返回对象的键,它是一个不纯的管道,它被多次执行,这会阻塞其他一些脚本,我如何避免多次执行不纯的管道?我的代码如下:import{Pipe,PipeTransform}from'@angular/core';@Pipe({name:'NgforObjPipe',pure:true})exportclassNgforObjPipeimplementsPipeTransform{transform(value,args:string[]):any{letkeys=[];for(letkeyinvalue){keys.push({key:key,value:

javascript - 按类不返回元素的 Angular Fixture DebugElement 查询

正如Angular.io框架测试文档所建议的,我一直在尝试使用AngularTestbed+Karma测试运行器来使用DebugElement查询。我创建了一个jqwidgetsTree组件,它生成类'.jqx-tree-item-li'的li元素。以下在DOM测试中直接使用javascript的测试通过了GREEN:it('Elementsofclassjqx-tree-item-lifoundusinggetElementsByClassName',(done)=>{this.fixture.whenStable().then(()=>{varelementArray=docume

javascript - 如何在 Angular 2 中将字符串的特定部分设为粗体

我有如下HTML代码:{{"description"|translate}}我正在使用ngTranslate来翻译描述。描述是我的翻译文件中的一个key,会显示key的值。描述如下所示:“点击取消取消或点击确认继续”。我想把描述中的第一个cancel和confirm做成粗体。我如何使用css和angular2来做到这一点? 最佳答案 您应该使用[innerHTML],在您的翻译中使用html标签,如下所示:{"description":"clickcanceltocancelorclickconfirmtoproceed"}然后在模

javascript - Angular Directive(指令) : Allow just numbers

这里是asampleangulardirectivetopreventtypingnon-numerickeys(StackOverflowanswer).我想写类似thisfiddle的东西在多个输入中使用is-number指令。请注意,由于我的输入中有各种不同的指令,因此我不能使用上述答案更新中建议的相同模板。var$scope;varapp=angular.module('myapp',[]);app.controller('Ctrl',function($scope){$scope.myNnumber1=1;$scope.myNnumber2=1;});app.directiv

javascript - Angular 2 : How to filter records between two dates?

{"id":1,"name":"Jack","date":"01-06-2017"},{"id":2,"name":"Allen","date":"07-08-2017"},{"id":3,"name":"Annie","date":"22-11-2017"},此JSON存储在“成员”数组中,我想根据开始和结束日期过滤成员,例如:letstartDate;letendDate;letselectedMembers=this.members.filter(m=>m.date>startDate&&m.date类似的东西.. 最佳答案

javascript - 如何检查按钮是否禁用或不成 Angular ?

我正在尝试添加模板驱动形式的单元测试用例。如何检查submit按钮在初始阶段被禁用,并在用户输入所有有效的字段时启用。这是表格https://stackblitz.com/edit/angular-a8q2zr?file=src%2Fapp%2Fapp.component.html单元测试用例https://stackblitz.com/edit/angular-testing-5m3qwm?file=app%2Fapp.component.spec.tsimport{ComponentFixture,TestBed,async}from'@angular/core/testing';