Tag: 打字稿

有angular的cookies

我一直在寻找angular落的cookies,但我一直没有find如何在Angular中实施cookiespipe理。 有什么办法来pipe理cookie(如AngularJS中的$ cookie )?

如何在TypeScript中扩展宿主对象(例如错误)

我想将主机对象Error扩展为自定义的UploadError类。 以下示例在编译时失败: class UploadError extends Error { constructor(message: string, private code: number) { super(message); } getCode(): number { return this.code; } } 当我运行TypeScript编译器tsc出现以下错误: UploadError.ts(1,0): A export class may only extend other classes, Error is an interface. 看来Error被定义为一个接口。 如果有人知道这个实现的名字是什么,它会让我非常高兴:-) 更新:我想使用Typescriptsinheritance不是原型inheritance,就像我目前用来破解这个: function UploadError (message: string, code: number) { this.message = message; this.code = code; } UploadError.prototype = […]

ngSubmit以Angular 2forms刷新页面

我正在使用Angular2模板来创build表单。 当我点击button,页面刷新。 我的validation工作正常。 当用户点击button时,如何停止页面刷新? 以下是我正在使用的HTML: <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">Add Employee</h3> {{model | json}} {{EName.errors | json}} </div> <div class="panel-body"> <form (ngSubmit)="onSubmit(empForm)" #empForm="ngForm" autocomplete="off" novalidate> <div class="form-group"> <label for="EmployeeName">Employee Name</label> <input type="text" class="form-control" id="EmployeeName" placeholder="Employee Name" required [(ngModel)]="model.EName" name="EName" #EName="ngModel" ngControl="Ename" #EName="EName" > <div *ngIf="EName.touched && EName.errors" > <div *ngIf="EName.errors.required" class="alert alert-danger"> Employee […]

angular度上传的文件

我正在使用Angular,TypeScript发送一个文件,以及JSON数据到服务器。 以下是我的代码: import {Component, View, NgFor, FORM_DIRECTIVES, FormBuilder, ControlGroup} from 'angular2/angular2'; import {Http, Response, Headers} from 'http/http'; @Component({ selector: 'file-upload' }) @View({ directives: [FORM_DIRECTIVES], template: ` <h3>File Upload</h3> <div> Select file: <input type="file" (change)="changeListener($event)"> </div> ` }) export class FileUploadCmp { public file: File; public url: string; headers: Headers; constructor(public http: Http) { console.log('file upload […]

TypeScriptsorting数组

我一直在试图找出一个奇怪的问题,我遇到打字机。 它将内联布尔expression式视为第一个值的types,而不是完整的expression式。 所以,如果你尝试一些简单的如下所示: var numericArray:Array<number> = [2,3,4,1,5,8,11]; var sorrtedArray:Array<number> = numericArray.sort((n1,n2)=> n1 > n2); 尝试一下 您的sorting方法会出现错误,说明参数与调用目标的任何签名不匹配,因为您的结果是数字而不是布尔值。 我想我失去了一些东西,因为我很确定n1> n2是一个布尔语句。

具有可变参数计数的函数的TypeScripttypes签名

我无法定义接受可变数量参数的函数成员的接口。 以下面的对象文字为例: var obj = { func: () => { for(var i = 0; i < arguments.length; i++) { console.log(arguments[i]); } } }; 我想能够定义一个接口,如: interface IExample { func: ( ??? ) => void; } 这样下面的代码就可以正常编译了: var test = (o: IExample) { o.func("a"); o.func("a", "b"); o.func("a", "b", "c"); … }

在TypeScript中将数字转换为string

在Typescript中,从数字到string的最好方法是什么(如果有的话)? var page_number:number = 3; window.location.hash = page_number; 在这种情况下,编译器会抛出错误: types“数字”不能分配到types“string” 因为location.hash是一个string。 window.location.hash = ""+page_number; //casting using "" literal window.location.hash = String(number); //casting creating using the String() function 那么哪种方法更好?

TypeScript:types系统的问题

我只是在VisualStudio 2012中testing打字稿,并且对其types系统有问题。 我的HTML网站有一个ID为“mycanvas”的canvas标签。 我试图在这个canvas上画一个矩形。 这是代码 var canvas = document.getElementById("mycanvas"); var ctx: CanvasRenderingContext2D = canvas.getContext("2d"); ctx.fillStyle = "#00FF00"; ctx.fillRect(0, 0, 100, 100); 不幸的是VisualStudio抱怨 属性'getContext'在types'HTMLElement'的值上不存在 它将第二行标记为错误。 我认为这只是一个警告,但代码不能编译。 VisualStudio说 有构build错误。 你想继续并运行最后的成功构build? 我根本不喜欢这个错误。 为什么没有dynamic的方法调用? 毕竟getContext的方法肯定存在于我的canvas元素上。 但是我认为这个问题很容易解决。 我刚刚为canvas添加了一个types标注: var canvas : HTMLCanvasElement = document.getElementById("mycanvas"); var ctx: CanvasRenderingContext2D = canvas.getContext("2d"); ctx.fillStyle = "#00FF00"; ctx.fillRect(0, 0, 100, 100); 但types系统仍然不满意。 这是新的错误信息,这次是在第一行: 无法将“HTMLElement”转换为“HTMLCanvasElement”:input“HTMLElement”缺less来自types“HTMLCanvasElement”的属性“toDataURL” 那么,我全力以赴进行静态打字,但这使得语言无法使用。 […]

Typescript中实现了哪些ES6function?

我正在寻找目前在打字稿中实施的Ecmascript 6function列表,但在网上找不到任何东西。 以下是我到目前为止的function列表: 箭头function。 Rest参数 默认参数值 类(是整个规范实施?) 模块(我认为有一些实现差异,虽然) 谢谢!

你如何指定一个类属性是一个整数?

我正在试验TypeScript,并在创build一个“ID”字段应该是一个整数的类的过程中,我有点困惑。 首先,在带有TypeScript插件的Visual Studio 2012中,我在智能列表types中看到“int”。 但是我得到一个编译错误,说“名字'int'在当前作用域中不存在”。 我回顾了语言规范,只看到以下基本types:数字,string,布尔值,空值和未定义。 没有整数types。 所以,我只剩下两个问题: 我应该如何向我的class级的用户指出一个特定的字段不仅是一个“数字”,而是一个整数(而不是一个浮点数或十进制数)? 为什么我在智能感知列表中看到“int”,如果它不是一个有效的types? 更新:到目前为止我所得到的所有答案都是关于JavaScript如何不具有inttypes的,在运行时很难强制inttypes…我知道所有这一切。 我问是否有一种TypeScript方法来为我的类的用户提供注释,该字段应该是一个整数。 也许是对某种格式的评论?