帶有特定值的Angular2組件輸入

Question

您好，我有一個簡單的問題。我的組件有一個輸入，我想指定如何插入值。

export class MyComponent{ 
    @Input() type: string; //only active, disable... 
} 

可以說輸入值是如何有效的？由於

Answer 1

一種方法是在財產驗證輸入值setter

export class MyComponent{ 
     private _type: string; //only active, disable... 


     get type(): string{ 
      return this._type; 
     } 

     @Input() set type(value: string) { 
      if(['active', 'disable'].indexOf(value) !== -1) 
       this._type = value; 
      else 
       // take action   
     } 
} 

Answer 2

你可以使用枚舉

https://www.typescriptlang.org/docs/handbook/enums.html

做這樣的事情：

enum State { 
    Active, 
    Disabled 
} 

而且在組件

@Input() type: State;