Angular2 "enum"をComponentの中で使いたい
はじめに
Angular2で関数に引数として数値を渡すとき、
<button (click)="method(1)"></button>
とか書いたら読みづらくないですか???
そこでenum
<button (click)="method(EnumType['button1'])"></button>
ただ単にenumの定義がちょっとわけわからなかったんでまとめておきます。
ま、コードを見ていきましょう。 と、行っても部分的コードになるので、個々で補完お願いします。
コード
<app.component.ts>
import { ~ } from '~'; ... enum EnumType { button1 = 1, button2 = 2, button3 = 3, button4 = 4, } @Component({ selector: 'enumTest', template: ` <button (click)="method(EnumType['button1'])"></button> ` }) export class appComponent{ //変数フィールド EnumType: typeof EnumType = EnumType; constructor(){ //コンストラクタ } public method(index: number): void{ //実装 } }
っへ~~~~って感じですね。
ばいん