{
"nav": [{
"title": "1",
"subs": [
{ "txt": "1", "link": "/app/aaa/qualityrank?isp={{$stateParams.isp}}&country={{$stateParams.country}}&province={{$stateParams.province}}&node={{$stateParams.node}}" },
{ "txt": "2", "link": "/app/aaa/qualityrank?isp={{$stateParams.isp}}&country={{$stateParams.country}}&province={{$stateParams.province}}&node={{$stateParams.node}}" },
]
}, {
"title": "2",
"subs": [
{ "txt": "2", "link": "/app/aaa/qualityrank?isp={{$stateParams.isp}}&country={{$stateParams.country}}&province={{$stateParams.province}}&node={{$stateParams.node}}" },
]
}, {
"title": "3",
"subs": [
{ "txt": "3", "link": "/app/aaa/qualityrank?isp={{$stateParams.isp}}&country={{$stateParams.country}}&province={{$stateParams.province}}&node={{$stateParams.node}}" },
]
}]
}
<ul>
<li *ngFor="let nav of navs"> //
<strong>{{nav.title}}</strong>
<a *ngFor="let sub of nav.subs" href="{{sub.link}}"> //
{{sub.txt}}
</a>
</li>
</ul>
How can {{}} in link be parsed correctly? now it will only be treated as a special character
.