打字稿Angular2界面 「找不到名稱[InterfaceName中]」

Question

我有一個接口，這樣定義：

import {AppBuild} from '../models/app-build.model' 

export interface Build { 
    "Name": string 
    "Builds"?: Array<AppBuild> 
} 

在我的部分，我已經導入它：

import {Build} from '../../models/build.model' 

但是，當我試圖聲明一個變量作爲Build：

build:Build; 
build.Name = "Hi"; 

我得到Cannot find name 'Build'.

爲什麼會發生這種情況？

這裏是一個全功能是否有幫助：

let build:Build = new Build(); 
build.Name = "Hi"; 
console.log(buildNumber) 
let tempBuildArray = new Array<Build>(); 

return build; 

Answer 1

你可能錯過了「讓」或「無功」的關鍵字，並希望寫變量的聲明是這樣的：

let build: Build; 
//...Initialize your build variable with value here 
build.Name = "Hi"; 

[編輯]

如果你堅持讓'Build'作爲接口，你可以這樣初始化它：

let build: Build; 
build = {Name: '123'}; 
build.Name = "Hi"; 

或者你可以把它變成類：

export class Build 
{ 
    public Name: string; 
    public Builds: Array<AppBuild>; 

    constructor(name: string) 
    { 
     this.Name = name; 
    } 
} 

及更高版本：

let build: Build; 
build = new Build('123'); 
build.Name = "Hi"; 

希望這有助於。

Answer 2

你不能「新建」一個接口。這是你在這條線上遇到的問題;

let build:Build = new Build(); <---- 

只有類可以實例化。所以你必須創建一個「實現」Build界面的類，如下所示;

export class BuildImp implements Build 
{ 
    public Name: string; 
    public Builds: Array<AppBuild>; 

    constructor(name: string) 
    { 
     this.Name = name; 
    } 
} 

所以你的代碼看起來像這樣;

let build:Build = new BuildImp(); // <-- use BuildImp 
build.Name = "Hi"; 
console.log(buildNumber) 
let tempBuildArray = new Array<Build>(); 

return build;