Tag: 打字稿

用于导入commonjs / amd模块的新的es6语法，例如`import foo = require（'foo'）`: 以前我可以这样做： import foo = require('foo'); 但是现在TypeScript（1.5）支持es6模块语法，在ES6模块语法中实现相同的正确方法是什么？

如何在Visual Studio 2015中启用TypeScript文件的预览面板？: 我错过了在单独的面板中显示TypeScript编译结果的function。我还没有find一种方法在Visual Studio 2015中使用TypeScript 1.5testing版重新启用它。我已经安装了2015年的WebEssentials以及ReSharper 9.1。任何人都有这个运气？

Angular 2checkbox双向数据绑定: 我是相当新的Angular2，我有一个小问题：在我的login组件HTML中，我有两个checkbox，我想以两种方式绑定到login组件TypeScript的数据绑定。这是HTML： <div class="checkbox"> <label> <input #saveUsername [(ngModel)]="saveUsername.selected" type="checkbox" data-toggle="toggle">Benutername speichern </label ></div> 这是Component.ts： import { Component, OnInit } from '@angular/core'; import { Router } from '@angular/router'; import { Variables } from '../../services/variables'; @Component({ selector: 'login', moduleId: module.id, templateUrl: 'login.component.html', styleUrls: ['login.component.css'] }) export class LoginComponent implements OnInit { private saveUsername: boolean = true; private […]

Angular2：以编程方式创build子组件: 题如何在父组件内创build子组件，然后使用Angular2将它们显示在视图中？如何确保注射剂正确地注入到儿童组件中？例 import {Component, View, bootstrap} from 'angular2/angular2'; import {ChildComponent} from './ChildComponent'; @Component({ selector: 'parent' }) @View({ template: ` <div> <h1>the children:</h1> <!– ??? three child views shall be inserted here ??? –> </div>`, directives: [ChildComponent] }) class ParentComponent { children: ChildComponent[]; constructor() { // when creating the children, their constructors // shall […]

DTO到TypeScript生成器: 我有一个C＃库（程序集），其中包含一组DTO，我用它来填充我的挖空模型（打字稿）。我想确保JSON数据和ViewModel之间的映射是正确的。有没有一种工具可以从我的C＃类生成打字稿类？像T4或类似的东西（或只是一个命令行工具，作为POST生成事件运行）？（请注意，打字稿文件必须放在DTO程序集以外的另一个项目中）

在Typescript中声明委托types: 来自C＃背景，我想创build一个数据types，定义一个函数签名。在C＃中，这是一个如下所示的delegate ： delegate void Greeter (string message); public class Foo { public void SayHi (Greeter g) { g("Hi!"); } } 现在，我想在Typescript中达到类似的效果。我知道Typescript没有委托types，但只有lambdaexpression式。我想出了这样的事情： class Foo { SayHi (greeter: (msg: String) => void) { greeter('Hi!'); } } 虽然这个工作，我想重复使用方法签名(msg:String) => void的几次，并认为它会更清洁创build一个自定义types – 就像在C＃中的委托。任何想法如何做到这一点？

一个types化的函数数组: 我正在努力弄清楚在TypeScript中是否可以声明一个静态types的函数数组。例如，我可以这样做： foo: (data:string) => void = function (data) {}; 但是，如果我想foo是一个函数的数组，并且不返回任何内容，我该怎么做？ foo: (data:string) => void [] = []; 不起作用，因为TypeScript认为它是一个函数，它接受一个string并返回一个void数组，它似乎并不喜欢我试图将函数包装在括号中。有任何想法吗？答：感谢下面的mohamed，下面是一个在TypeScript Playground中工作的例子： class whatever { public foo: { (data: string): void; }[] = []; dofoo() { for (var i=0; i < this.foo.length; i++) { this.foo[i]("test"); } } } var d = new whatever(); d.foo.push(function(bar){alert(bar)}) […]

TypeScript for …与索引/键？: 如此处所述， TypeScript引入了一个foreach循环： var someArray = [9, 2, 5]; for (var item of someArray) { console.log(item); // 9,2,5 } 但是没有索引/键吗？我会期望像这样的东西： for (var item, key of someArray) { … }

TypeScript 2：非typesnpm模块的自定义types: 在尝试了其他地方张贴的build议之后，我发现自己无法获得正在运行的使用无types的NPM模块的打字稿项目。下面是一个简单的例子和我尝试的步骤。对于这个最小的例子，我们将假装lodash没有现有的types定义。因此，我们将忽略@types/lodash包，并尝试手动将其@types/lodash文件lodash.d.ts添加到我们的项目中。文件夹结构 node_modules lodash SRC foo.ts 分型习惯 lodash.d.ts 全球 index.d.ts 的package.json tsconfig.json typings.json 接下来，这些文件。文件foo.ts ///<reference path="../typings/custom/lodash.d.ts" /> import * as lodash from 'lodash'; console.log('Weeee'); 文件lodash.d.ts直接从原始的@types/lodash包中复制。文件index.d.ts /// <reference path="custom/lodash.d.ts" /> /// <reference path="globals/lodash/index.d.ts" /> 文件package.json { "name": "ts", "version": "1.0.0", "description": "", "main": "index.js", "typings": "./typings/index.d.ts", "dependencies": { "lodash": "^4.16.4" […]

angular2/4 – 提前编译如何: 我试图引导我的Angular 2 RC5应用程序遵循本指南https://angular.io/docs/ts/latest/guide/ngmodule.html下面是我的代码 import { AppModuleNgFactory } from './app.module.ngfactory'; import {platformBrowser} from "@angular/platform-browser"; platformBrowser().bootstrapModuleFactory(AppModuleNgFactory); 但是，当我试图编译打字稿的代码，我得到了以下错误 app \ main.ts（1,36）：错误TS2307：找不到模块'./app.module.ngfactory'。我怎样才能生成app.module.ngfactory文件？我应该使用哪个工具？