草庐IT

angular2-observables

全部标签

javascript - Angular 2 - 点击事件下载文件

我无法在任何地方找到答案,希望有人能提供帮助。我在表格单元格内的模板中定义了一个Angular2click事件:fileName.txt在typescript组件中,我需要帮助来定义一个方法click2Download(),它会自动开始将fileName.txt下载到客户端的浏览器。注意:文件在同一域中,例如:http://example.com/fileName.txt有什么方法可以用Angular2做到这一点吗? 最佳答案 你试过了吗:window.location.href='...';?要强制下载文件,您应该使用html属性

javascript - 如何在 Angular 图表条形图中使用纯色条

我正在使用angular-chart(基于chart.js)创建一些条形图,但无法获得我想要的条形样式。我希望条形图是这样的纯色:但我不知道如何摆脱chart.js默认添加的alpha:我的html看起来像这样:和javascript:angular.module('myApp',['chart.js']).controller('myController',[function(){varctrl=this;ctrl.socialChart={options:{legend:{display:true}},labels:['2012'],series:['FACEBOOK','GOOG

javascript - 在 Angular 2 中使用 jQuery

我正在学习的教程,在使用的typings文件夹中使用了jQuery///在app.component内但没有工作。尝试通过CDN导入sideindex.html中的库,然后使用声明var$:any;还是不行通过NPM安装jQuery并将其安装到system.config.ts中的路径,如下所示paths:{//pathsserveasalias'npm:':'node_modules/','jquery:':'node_modules/jquery/dist/jquery.slim.min.js'},仍然没有线索更新:现在我通过angular-cli安装了angular。我没有404错

javascript - 我如何检查 object.property 是在 Angular 2 中定义的?

Angular2中是否有与Angular1中的angular.isDefined等价的函数勾选安全导航运算符?.,仅在tempalte中支持 最佳答案 Typescript没有检查变量是否定义的函数,Angular2也没有。使用杂耍检查,您可以一次测试null和undefined:if(object.property==null){如果您使用严格检查,它只会对设置为null的值为真,而不会对undefinedvariable求值为真:if(object.property===null){

javascript - 使用清晰设计系统构建 Angular 2 应用程序

从他们的官方tutorial添加ClarityDesignSystem后,我收到此错误到Angular25minquickstart.浏览器控制台中的错误并没有多大帮助,有什么建议吗?zone.js:1382GEThttp://localhost:3000/clarity-angular404(NotFound)Error:(SystemJS)XHRerror(404NotFound)loadinghttp://localhost:3000/clarity-angular(…)应用程序模块.tsimport{NgModule}from'@angular/core';import{Bro

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: