Tag: 打字稿

Angular2处理http响应

我只是有一个关于构造和处理来自服务中的http请求的响应的问题。 我正在使用Angular2.alpha46 Typescript (刚开始testing它 – 我爱… Ps ..感谢所有的人一直在努力,并通过github贡献) 所以采取以下措施: login-form.component.ts import {Component, CORE_DIRECTIVES, FORM_DIRECTIVES} from 'angular2/angular2'; import {UserService} from '../../shared/service/user.service'; import {Router} from 'angular2/router'; import {User} from '../../model/user.model'; import {APP_ROUTES, Routes} from '../../core/route.config'; @Component({ selector: 'login-form', templateUrl: 'app/login/components/login-form.component.html', directives: [CORE_DIRECTIVES, FORM_DIRECTIVES] }) export class LoginFormComponent { user: User; submitted: Boolean = false; constructor(private userService:UserService, private […]

TypeScript访问基类的成员

请参阅TypeScript站点上操场的inheritance示例: class Animal { public name; constructor(name) { this.name = name; } move(meters) { alert(this.name + " moved " + meters + "m."); } } class Snake extends Animal { constructor(name) { super(name); } move() { alert("Slithering…"); super.move(5); } } class Horse extends Animal { constructor( name) { super(name); } move() { alert(super.name + " […]

Angular 2 Component @Input不工作

我被困在试图传递一个属性值到我的组件。 从我看过的一切看起来都是正确的。 但它仍然没有工作。 我的testing值输出到屏幕和控制台为空。 🙁 这是我的testing组件: import {Component, Input} from 'angular2/angular2'; @Component({ selector: 'TestCmp', template: `Test Value : {{test}}` }) export class TestCmp { @Input() test: string; constructor() { console.log('This if the value for user-id: ' + this.test); } } 这是我从父页面调用组件的方式。 <TestCmp [test]='Blue32'></TestCmp> 当页面渲染的testing值是空的。 我只看到“testing值:”。 而不是“testing值:Blue32”。

是否有可能将打字稿编译成缩小的代码?

有没有一个选项来缩小TypeScript代码的输出? 还是我们在一个独立的过程中去处理呢? 混淆会影响答案吗?

TypeScript是否允许types别名?

所以我希望我可以用一个别名来看起来像这样的丑陋的types: core.Maybe<core.Promise<info.Paged<info.Carrier>, core.Problem>>[] 就像是: import Pew = core.Maybe<core.Promise<info.Paged<info.Carrier>, core.Problem>>[]; 有没有办法在TypeScript中input别名?

loggingTypeScript代码的工具和指南?

是否有任何生成TypeScript源代码文档的工具? 或者我应该使用像NaturalDocs一样的通用? 对于单独的文档量来说,块注释的build议风格是什么? 我应该使用: ///<foo>bar</foo> MSVS kind of comments? 要么 /** @javadoc style comments */ 也许 /* Something like this? */ 我很害怕使用///因为它被用于导入,我不想踩在可能以类似的方式引入的其他未来function – 但你永远不知道… 还是有可能从TypeScript生成文档化的JavaScript,然后使用JavaScript工具链?

nodejs需要在TypeScript文件中

我想知道如何从TypeScript类中的node_modules目录加载正规的nodejs模块。 当我尝试编译包含以下内容的.ts文件时: var sampleModule = require('modulename'); 编译器告诉我,我不能在这个范围内使用require。 (该行在文件的开头)。 有没有办法如何加载和使用TypeScript类中的node_modules模块?

如何在打字稿文件中导入没有定义文件的js库

我想从JavaScript切换到TypeScript,以帮助代码pipe理,因为我们的项目变得更大。 然而,我们使用了许多库,如amd Modules,我们不想将其转换为TypeScript。 我们仍然想将它们导入到TypeScript文件中,但是我们也不想生成定义文件。 我们怎样才能做到这一点? 例如新的Typescript文件: /// <reference path="../../../../definetelyTyped/jquery.d.ts" /> /// <reference path="../../../../definetelyTyped/require.d.ts" /> import $ = require('jquery'); import alert = require('lib/errorInfoHandler'); 在这里, lib/errorInfoHandler是一个巨大的JavaScript库中包含的amd模块,我们不想去碰它。 使用上面的代码会产生以下错误: Unable to resolve external module ''lib/errorInfoHandler'' Module cannot be aliased to a non-module type. 这实际上应该产生以下代码: define(["require", "exports", "jquery", "lib/errorInfoHandler"], function(require, exports, $, alert) { … } 有没有办法将一个JavaScript库作为一个amd模块导入到TypeScript中,并在TypeScript文件中使用它,而无需创build定义文件?

Angular 2组件中的“private”和“public”

如果我不在foo , loadBar和text之前添加私有 ,我相信它们是默认公开的。 export class RandomComponent { @Input() foo: string; @Output() loadBar = new EventEmitter(); text: string; } 在组件中是否有任何用例? 为了封装/安全的原因,我应该总是添加像下面所有的private ? export class RandomComponent { @Input() private foo: string; @Output() private loadBar = new EventEmitter(); private text: string; } 谢谢

在打字稿中,如何检查一个string是否是数字

在打字稿中,这显示一个错误,说isNaN只接受数字值 isNaN('9BX46B6A') 这将返回false,因为parseFloat('9BX46B6A')计算结果为9 isNaN(parseFloat('9BX46B6A')) 我仍然可以运行在Visual Studio中显示的错误,但是我想以正确的方式执行。 目前,我已经写了这个修改后的function – static isNaNModified = (inputStr: string) => { var numericRepr = parseFloat(inputStr); return isNaN(numericRepr) || numericRepr.toString().length != inputStr.length; }