如何在[inner-html]
中使用[router-link]
示例如下:
import {Component, View} from 'angular2/angular2';
import {RouterLink, ROUTER_DIRECTIVES} from 'angular2/router';
@Component({
selector: 'index'
})
@View({
template: `
<div> Index Content </div>
<div [inner-html]="test"></div>
`,
directives: [ROUTER_DIRECTIVES]
})
export class Index {
private test: String;
constructor() {
this.test = `<a [router-link]="['/aRoute', 'AComponent']">Test</a>`;
}
}
以下是针对Angular1 http://plnkr.co/edit/F91xvGHBASvqCGBJcEYY?p=preview的解决方案
我如何在Angular2中实现它?
发布于 2016-03-31 12:58:10
我已经找到解决方案了。
DynamicComponentLoader.loadAsRoot解决了这个问题。
接口如下:https://angular.io/docs/ts/latest/api/core/DynamicComponentLoader-class.html
还有一篇文章:https://medium.com/tixdo-labs/angular-2-dynamic-component-loader-752c3235bf9#.qkxk36s98
https://stackoverflow.com/a/37044960/5022904:不推荐使用DynamicComponentLoader,这里有另一个解决方案:Edit
https://stackoverflow.com/questions/34463280
复制