2017-04-25 17 views
6

Dokümanlara bakıyordum ve kayboldum. Açısal klipteki arabirim tipi formatı nedir?

ng generate interface <name> <type>

Ancak türü için yazacağınız söylemez. Gibi sadece bir dize, nesne, dizi, vb veya email:String username:String age:Number gibi özellikleri belirtebilir miyim?

+0

Blueprint dosyalarını görebilirsiniz: https://github.com/angular/angular-cli/tree/master/packages/%40angular/cli/blueprints/interface – jonrsharpe

cevap

6

ng üretecektir oluşturmak

dosya <name>.<type>.ts içeriği:

export interface <name> { //camel case 

} 

yani

ng generate interface Itest sometype üretir dosya adı itest.sometype.ts içerik

export interface Itest { 
} 
+0

Açısal 5.1'i Kullanma '-t' bayrağı ile tip belirtmek zorunda. Detaylar aşağıdakileri çalıştırarak görülebilir: 'ng g i --help' –

0

böylece gibi:

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; 
} 

Eğer bundan sonra typescript dosyasında kullanmak istediğiniz arabirimi ihraç etmek gerekir:

export interface test{ 
    listComputedDatas: GraphDatas; 
} 

Ve kodunuzda:

import {test} from './pathToInterface'; 

... 

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

DÜZENLEME: Kendi dosyanızı el ile oluştururken daha hızlı olacaksınız. angular-cli comman d ...

+0

Başlıklar için teşekkürler – jemiloii