首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >内部-html指令

内部-html指令
EN

Stack Overflow用户
提问于 2015-12-25 21:29:29
回答 1查看 1.8K关注 0票数 0

如何在[inner-html]中使用[router-link]

示例如下:

代码语言:javascript
运行
复制
    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中实现它?

EN

回答 1

Stack Overflow用户

发布于 2016-03-31 20: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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34463280

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档