相关疑难解决方法(0)

无法调用类型缺少调用签名的表达式

我有苹果和梨 - 都有一个isDecayed属性:

interface Apple {
    color: string;
    isDecayed: boolean;
}

interface Pear {
    weight: number;
    isDecayed: boolean;
}
Run Code Online (Sandbox Code Playgroud)

这两种类型都可以在我的水果篮中(多次):

interface FruitBasket {
   apples: Apple[];
   pears: Pear[];
}
Run Code Online (Sandbox Code Playgroud)

我们假设现在我的篮子是空的:

const fruitBasket: FruitBasket = { apples: [], pears: [] };
Run Code Online (Sandbox Code Playgroud)

现在我们随机抽出一种:

const key: keyof FruitBasket = Math.random() > 0.5 ? 'apples': 'pears'; 
const fruits = fruitBasket[key];
Run Code Online (Sandbox Code Playgroud)

当然,没有人喜欢朽烂的水果,所以我们只选择新鲜水果:

const freshFruits = fruits.filter((fruit) => !fruit.isDecayed);
Run Code Online (Sandbox Code Playgroud)

不幸的是,Typescript告诉我:

无法调用类型缺少调用签名的表达式.输入'((callbackfn :(值:Apple,索引:数字,数组:Apple [])=> any,thisArg?:any)=> Apple [])| ......'没有兼容的呼号.

这里有什么问题 - 只是因为Typescript不喜欢新鲜水果,或者这是一个Typescript错误?

您可以在官方的Typescript Repl中自己尝试一下.

javascript types typescript

66
推荐指数
2
解决办法
9万
查看次数

Angular 2中Component装饰器和NgModule装饰器的提供者之间的区别

提供者组件装饰器的数组

@Component({
    moduleId: module.id,
    selector:    'hero-list',
    templateUrl: './hero-list.component.html',
    providers:  [ HeroService ]
 })
 export class HeroListComponent implements OnInit {
    /* . . . */
 }
Run Code Online (Sandbox Code Playgroud)

提供者NgModule装饰器数组

@NgModule({
  imports:      [ BrowserModule ],
  providers:    [ Logger ],
  declarations: [ AppComponent ],
  exports:      [ AppComponent ],
  bootstrap:    [ AppComponent ]
})
Run Code Online (Sandbox Code Playgroud)

Angular2中这两个提供程序数组有什么区别?

angular

1
推荐指数
1
解决办法
1363
查看次数

标签 统计

angular ×1

javascript ×1

types ×1

typescript ×1