我在Visual Studio代码中使用Angular2.在visual studio代码中它显示错误,如下所示:
如图所示,Promise用红色下划线突出显示.另外我有另一个问题是如果我们定义内联函数,那么Visual Studio代码也会在函数名称下面显示红色下划线.与response上图中的红色下划线相似.
但是我的代码在浏览器中工作正常.但是在VS Code中它显示了红色下划线.
我不想在我的代码中添加任何红色下划线.可能吗 ?任何人都可以帮我解决这个问题吗?
示例中的文件app.component.ts:https://angular.io/resources/live-examples/toh-1/ts/plnkr.html如下:
import { Component } from '@angular/core';
export class Hero {
id: number;
name: string;
}
@Component({
selector: 'my-app',
template:`
<h1>{{title}}</h1>
<h2>{{hero.name}} details!</h2>
<div><label>id: </label>{{hero.id}}</div>
<div>
<label>name: </label>
<input [(ngModel)]="hero.name" placeholder="name">
</div>
`
})
export class AppComponent {
title = 'Tour of Heroes';
hero: Hero = {
id: 1,
name: 'Windstorm'
};
}
Run Code Online (Sandbox Code Playgroud)
现在,我们在AppComponent中设置值title,它会显示在@Component的模板中。那么,想知道这怎么可能吗?
我想在Angular2的输入字段中添加一个数字管道.我正在使用模型驱动的表单,我的所有输入都有一个formControlName而不是使用数据绑定.我formControlName="number | number : '1.2-2'"遇到的问题是无效的代码.它抛出一个错误,说找不到formControlName.我不想删除formControlName来代替ngModel,因为我正在订阅表单输入以在使用表单时进行验证.