Angular 2: enum as pipe parameter

Question

I am trying to use enum as parameter the following way:

<div> {{ myValue | myPipe: MyEnum.ENUM_VAL }} </div>

In controller I have defined MyEnum:

@Component({
  selector: 'app-my-component',
  templateUrl: './my.component.html',
  styleUrls: ['./my.component.css']
 })
 export class MyComponent implements OnInit {

      MyEnum: MyEnum;

       ....
  }

I am getting: TypeError: Cannot read property 'ENUM_VAL' of undefined

What is the proper way of using it?

First question: Is the `MyEnum` *variable* defined anywhere? — developer033, Feb 09 '17 at 15:27
Where? I mean that it should be initialized (inside constructor or ngOnInit) `this.MyEnum = MyEnum.SOMETHING;`, not? — developer033, Feb 09 '17 at 15:39

score 1 · Accepted Answer · edited May 23 '17 at 11:46

You are declaring MyEnum, but it is not a definition. You would have to initialize it (as @developer033 said).

For reference: Javascript variable definition declaration

So give your enum a initial value and it should work, although I have not used an enum in a pipe, you could work around it by placing the enum in your pipe class and sending an argument that tells your pipe to use the enum.

Angular 2: enum as pipe parameter

1 Answers1