Dartlang: Using enums in Angular2 templates

Question

can someone tell me if and how it is possible to use Dart enums in angular2 view templates?

It's suggested in Typescript to copy the enum into a component-scope. This works because an enum in javascript is a simple instance variable with a prototype.

But since enums in dart are first class citizens, they cannot be moved to an instance variable.

Thanks in advance!

Can you should your code? What have you tried? – Michał Miszczyszyn Feb 11 '17 at 21:55 — Michał Miszczyszyn, Feb 11 '17 at 21:55

score 11 · Accepted Answer · answered Feb 13 '17 at 00:08

11

We're working on bringing formal support, but you can always add a getter for now:

enum MyEnum {
  stateA,
  stateB,
}

class MyComponent {
  MyEnum get stateA => MyEnum.stateA;
}

answered Feb 13 '17 at 00:08

matanlurey

8,096
3
38
46

3

could you add a link here to the github issue? so we can subscribe – Jonathan Mar 08 '17 at 20:32
2

@Jonathan looks like this has been solved, by the other answer – Ryan Haining Aug 02 '19 at 18:38
@RyanHaining true. Maybe OP could change the correct answer. Would benefit others – Jonathan Aug 02 '19 at 19:18

score 4 · Answer 2 · edited Aug 02 '19 at 18:35

4

Use the exports property of your Component class. Copied from here in the AngularDart Guide.

enum MyEnum { foo, bar, baz }

@Component(
  selector: 'example',
  exports: const [MyEnum],
  template: '<p>{{MyEnum.bar}}</p>',
)
class Example {}

edited Aug 02 '19 at 18:35

Ryan Haining

35,360
15
114
174

answered Apr 11 '19 at 20:58

Luke Hanks

179
1
5

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – Rot-man Apr 11 '19 at 21:19

Dartlang: Using enums in Angular2 templates

2 Answers2