Angular 2 Template Parsing Error

Question

I am getting a parsing error when compiling my angular 2 app (version 2.4.1)

assets/app/app.component.ts(13,42): error TS1125: Hexadecimal digit expected

the code is

<ul>                   
    <li><a routerLink='\usaddchild'>Add Child</a></li>
</ul>
<router-outlet></router-outlet>

and the line is specific that is causing issues is below

<li><a routerLink='\usaddchild'>Add Child</a></li>

there seems to be an an issue with the \us.

Any ideas?

Alexey Soshin · Accepted Answer · 2017-01-04 20:03:31Z

2

Your slashes is in the wrong direction. Correct:

<li><a routerLink='/usaddchild'>Add Child</a></li>

Angular2 thinks it's some kind of unicode character, which do start with \u: http://www.rapidtables.com/code/text/unicode-characters.htm

answered Jan 4, 2017 at 20:03

Alexey Soshin

17.9k2 gold badges37 silver badges42 bronze badges

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

1 Answer 1