Tag: 打字稿

TypeScript,通过字典循环

在我的代码中,我有几个字典( 这里build议),这是string索引。 由于这是一个即兴types的一点,我想知道是否有任何build议,我将能够循环通过每个键(或价值,所有我需要的键无论如何)。 任何帮助感激! myDictionary: { [index: string]: any; } = {};

TypeScript“保存时编译”function在Visual Studio 2015中不起作用

在升级到Visual Studio 2015之后,“编译时保存”function不适用于我。当我在项目中对.ts文件进行更改并保存时,IDE底部的状态栏显示Output(s) generated successfully ,但生成的.js文件不会更改。 以下是我所尝试的: 将以下内容添加到我的.csproj的根<Project>元素中: <PropertyGroup> <TypeScriptCompileOnSaveEnabled>True</TypeScriptCompileOnSaveEnabled> </PropertyGroup> 在Tools -> Options -> TypeScript -> Project选中并取消选中“自动编译不属于项目一部分的TypeScript文件”选项: 双重检查,以确保在我的项目的TypeScript构build属性中选中“编译时保存”: 我错过了什么? 作为一个方面的说明,TypeScript编译步骤按照预期的那样按常规构build触发。

Angular 2 @ViewChild注解返回undefined

我正在学习Angular 2。 我想使用@ViewChild注解从父组件访问一个子组件。 这里有几行代码: 在BodyContent.ts中我有: import {ViewChild, Component, Injectable} from 'angular2/core'; import {FilterTiles} from '../Components/FilterTiles/FilterTiles'; @Component({ selector: 'ico-body-content' , templateUrl: 'App/Pages/Filters/BodyContent/BodyContent.html' , directives: [FilterTiles] }) export class BodyContent { @ViewChild(FilterTiles) ft:FilterTiles; public onClickSidebar(clickedElement: string) { console.log(this.ft); var startingFilter = { title: 'cognomi', values: [ 'griffin' , 'simpson' ]} this.ft.tiles.push(startingFilter); } } 而在FilterTiles.ts中 : import {Component} […]

如何使用npm将TypeScript更新到最新版本?

目前,我的机器上安装了TypeScript 1.0.3.0版本。 我想更新到最新的一个,即2.0 。 如何与npm做到这一点?

属性'toPromise'在types'Observable <Response>'上不存在

import { Headers, Http } from '@angular/http'; @Injectable() export class PublisherService{ private publishersUrl = 'app/publisher'; constructor(private http: Http) { } getPublishers(): Promise<Publisher[]>{ return this.http.get(this.publishersUrl) .toPromise() .then(response => response.json().data) .catch(this.handleError); } } 我得到这个错误: “Observable”types的属性“toPromise”不存在

Angular2 – 应该在模板中访问私有variables?

如果一个variables在组件类上声明为private ,我应该能够在该组件的模板中访问它吗? @Component({ selector: 'my-app', template: ` <div> <h2>{{title}}</h2> <h2>Hello {{userName}}</h2> // I am getting this name </div> `, }) export class App { public title = 'Angular 2'; private userName = "Test Name"; //declared as private }

Typescript:如何为方法参数中使用的函数callback(如任何函数types,不是通用的)定义types

目前我有types定义为: interface Param { title: string; callback: any; } 我需要像这样的东西: interface Param { title: string; callback: function; } 但是第二个不被接受。

angular2 ng容器

在Angular 2文档中提到了ng-container ,但没有解释它是如何工作的以及用例是什么。 在ngPlural和ngSwitch指令中特别提到。 <ng-container>是否与<template> <ng-container>做同样的事情,或者取决于是否编写了一个指令来使用其中的一个? 是 <ng-container *ngPluralCase="'=0'">there is nothing</ng-container> 和 <template [ngPluralCase]="'=0'">there is nothing</template> 应该是一样的? 我们如何select其中之一? 在自定义指令中如何使用<ng-container> ?

Angular 2使用另一个模块的组件

我有Angular 2(版本2.0.0 – 最终)应用程序生成的angular度cli。 当我创build一个组件并将它添加到AppModule的声明数组中时,这一切都很好,它可以工作。 我决定分离组件,所以我创build了一个TaskModule和一个组件TaskCard 。 现在我想在TaskCard的一个组件( Board组件)中使用AppModule 。 的AppModule: import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { AppComponent } from './app.component'; import { BoardComponent } from './board/board.component'; import { LoginComponent } from './login/login.component'; import { […]

Eclipse插件的TypeScript?

新的Microsoft TypeScript语言(inputJavaScript的超集)看起来非常有趣,是否有任何尝试在Eclipse中支持它的alpha / incubator项目? 或者,现在还为时过早呢