2017-04-25 10 views
6

私はドキュメントを見ていて、紛失しました。角度cliのインターフェイスタイプの形式は何ですか?

ng generate interface <name> <type>

それはタイプに入れるために何を教えてくれませんが。好きなのは文字列、オブジェクト、配列などですか、email:String username:String age:Numberのようなプロパティを指定できますか?

そのよう
+0

青写真のファイルが表示されます:https://github.com/angular/angular-cli/tree/master/packages/%40angular/cli/blueprints/interface – jonrsharpe

答えて

6

ngが生成されます生成

ファイル名<name>.<type>.ts 内容:

export interface <name> { //camel case 

} 

すなわち

ng generate interface Itest sometype が発生 ファイル名itest.sometype.ts コンテンツ

export interface Itest { 
} 
+0

角度5.1を使用しています'-t'フラグでタイプを指定する必要があります。詳細は次のコマンドを実行すると表示されます: 'ng g i --help' –

0

export interface test{ 
    listComputedDatas: GraphDatas; 
} 

そして、あなたのコード内で:あなたは、その後、あなたのtypescriptファイルに使用するインターフェイスをエクスポートする必要があります

interface GraphDatas { 
    firstTemperature: Period 
    internalTemperature: { 
    min: number; 
    max: number; 
    }; 
    secondTemperature: Period; 
    thresholdAlerts: Threshold; 
} 

interface Period { 
    currentPeriod: number; 
    previousPeriod: any; // TO DO 
} 

interface Threshold extends Period { 
    hasBeenRead: number; 
} 

import {test} from './pathToInterface'; 

... 

randomProperty: test; 
// Typescript should detect properties such as 
// randomProperty.listComputedDatas.internalTemperature.min 

編集:angular-cliのコマンドを実行するよりも、自分のファイルを手動で速く作成する方が速くなりますD ...

+0

ヘッドアップありがとう – jemiloii