【javascript – 将第三方js文件导入angular typescript项目】教程文章相关的互联网学习教程文章

javascript – 在typescript中使用像angularname()这样的尖括号有什么用【代码】

如果有任何教程可以帮助我,为什么我们使用尖括号<>在类型脚本中,例如我在这里给出了一些代码,我需要解释.export class HomePage {constructor(public navCtrl: NavController) {let a = this.testfunc<boolean>(4);console.log(a);}testfunc<T>(s) {return s;} }谢谢解决方法:这些表示generics.testfunc< T>(s){return s; }表示testfunc接受泛型类型参数T. testfunc< boolean>(4)为该类型参数提供类型参数(boolean).在该示例中,由于...

javascript – 有人可以在Typescript或Angular中解释Thing语法吗?【代码】

我在Angular / Typescript演示中看到了这种语法:Thing<otherthing>例子:Observable<any> Observable<boolean>这里发生了什么?第一个左边的东西是什么?里面有什么东西?我不是一个完整的白痴,所以我可以从这些例子中看到<>内有变量类型我得到了一个Observable的概念.我在这里要问的是内部还是左边的其他东西是什么?即,我可以用其他东西替换“可观察”这个词吗?是否有一些我可以查找的其他东西的列表?我可以用其他变量类型替换...

javascript – Typescript无法访问JSON对象(Angular2)【代码】

我有一个最奇怪的问题. 我正在收到一个JSON对象{"login":"admin","name":"Admin"}而我在代码中所做的是:private _userData: User; ... private getUserData() {this._userInfoService.getUserInfo().subscribe(data => {this._userData = data.json(); // (using <User> data.json() changes nothing},err => alert(err)); }用户类型的位置export interface User {login: string;name: string; }但是,当我尝试使用angular访问html...

javascript – Angular2中的ES6-shim与Typescript lib.es6.d.ts冲突【代码】

参见英文答案 > AngularJS 2.0 compile to ES6 4个我想将使用Typescript编写的Angular2应用程序编译成ES6代码规划,最近使用Babel将其编译为ES5.但是我收到了错误:node_modules/angular2/typings/es6-shim/es6-shim.d.ts(6,14): error TS2300: Duplicate identifier 'PropertyKey'. <...> node_modules/typescript/lib/lib.es6.d.ts(3841,14): error TS2300: Duplicate identifier 'PropertyKe...

javascript – 使用TypeScript 1.5进行Angular 2服务注入【代码】

我正在尝试为Angular 2设置一个非常基本的功能结构.它只有最基本的API元素,因此随着框架的发展,我可以推进我的结构. 目前,我在如何执行传递服务的简单行为方面已经结束了.以下是一些示例源代码,直接来自最新的DefinitelyTyped文件的注释:class Greeter {greet(name: string) {return 'Hello ' + name + '!';} } @Component({selector: 'greet',appInjector: [Greeter] }) @View({template: `{{greeter.greet('world')}}!` }) clas...

javascript – TypeScript / Angular try catch,try块中的任何错误都不会阻塞【代码】

我正在使用Angular和TypeScript.在API调用的情况下,我使用了try catch构造来进行错误处理.如果在try块中发生任何错误,它就不会捕获阻塞.应用只在那里终止. 我也尝试过使用throw.这是一个示例代码段,try {this.api.getAPI(Id).subscribe( // this.api is my api service and getAPI is present there(data: any) => {if (data == null) {throw 'Empty response';}},(error: HttpErrorResponse) => {console.log(error);};} catch(e)...

javascript – 使用Typescript从Angular 2中的Observable获取项目【代码】

我试图从一个服务提供的Angular 2中的一个observable中获取一个项目.到目前为止,我可以订阅observable并查看控制台中的内容,但不能通过它的ID过滤掉项目.我在下面尝试了以下内容,但得到一个空白屏幕.任何提示赞赏. service.ts:getJobs() {this.observableData = this._http.get('json_path/').map(res => res.json()).do(val => {this.result = val;this.observableData = null;}).share();return this.observableData; }componen...

javascript – 将第三方js文件导入angular typescript项目【代码】

在我的角度体验中,我被迫使用四种不同的方式来包括第三方库poliglot.js(用于multilang). 所以为了能够在我的Lang类中使用新的Polyglot(…):export class Lang {...constructor() {this.polyglot = new Polyglot({ locale: 'en' });... }... }我用这四种方法 A.在我相当古老的(2016)angular2(基于framerwork angular2-webpack-starter)项目中(目前这个解决方案由于缺乏新角度项目中的需求指令而无效):var Polyglot = requi...

javascript – 从Angular 5中的本地文件到Typescript数组的JSON数组【代码】

我正在使用Angular 5开发一个Web应用程序.我有JSON文件,如下所示:[{"id": 0,"title": "Some title"},{"id": 1,"title": "Some title"},... ]该文件存储在本地.我也有一个界面:export interface Book {id: number;title: string; }问题是我如何: >从文件中获取数据?>从这些数据创建一个Book []类型的数组?解决方法:您可以使用import加载文件:import data from 'path/to/data.json';并将其分配给Book []类型的数组:@Component...

Angular 学习笔记 (Typescript 版本更新)【代码】

记入每一期我会用到的功能 : v4.3 1. getter setter 的类型可以不一样咯, 这个困扰很久了. (interface, object, class 都可以这样用)class Thing {#size = 0;get size(): number {return this.#size;}set size(value: string | number | boolean) {let num = Number(value);// Dont allow NaN and stuff.if (!Number.isFinite(num)) {this.#size = 0;return;}this.#size = num;} }