Angular 2 template parse error Missing expected )

Question

I am getting the following exception:

Unhandled Promise rejection: Template parse errors:
Parser Error: Missing expected ) at column 19 in [(model.DaysOfWeek & 0x20) !== 0] in PriceComponent@129:65 ("ox">
                    <label>
                        <input type="checkbox" name="DaysOfWeek" [ERROR ->][checked]="(model.DaysOfWeek & 0x20) !== 0" (change)="model.DaysOfWeek ^= 0x20" /> Monday
          "): PriceComponent@129:65

on this binding:

<input type="checkbox" name="DaysOfWeek" [checked]="(model.DaysOfWeek & 0x20) !== 0" (change)="model.DaysOfWeek ^= 0x20" /> Monday

The binding expressions look valid to me, so I am puzzled as to why it fails? DaysOfWeek is a property of type number that is bit encoded with day of week flags.

peterh · Accepted Answer · 2017-03-14 10:54:52Z

7

Note that in Template expressions and Template statements it's not allow the bitwise operators | and &:

Template expressions

no support for the bitwise operators | and &

Template statements

However, certain JavaScript syntax is not allowed:

new

increment and decrement operators, ++ and -- operator assignment, such as += and -=

the bitwise operators | and &

the template expression operators

edited Mar 14, 2017 at 10:54

peterh

1

answered Feb 3, 2017 at 4:57

Tiep Phan

12.6k3 gold badges40 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tiep Phan Over a year ago

maybe, you could extract to a method in js/ts file.

Collectives™ on Stack Overflow

Angular 2 template parse error Missing expected )

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related