Question

我正在使用Angular2开发一个应用程序。我有一个包含以下模板的组件：

["a":1].minus(["a":2]) // ["a": 1]
["a":1].minus(["a":1]) // [:]
["a":1].minus(["a":1, "b":2]) // [:]
["a":1, "b": 2].minus(["a":1]) // ["b": 2]

有人可以帮我解决如何加载外部网址的问题吗？www.example.com＆＃39;在这个div？

Answer 1

使用路由配置创建一个在<ng-outlet>内部渲染的组件。然后，你内部的组件模板应该有<iframe>指向你的外部网站。

import {Component, OnInit} from '@angular/core';

@Component({
    selector: 'app-external-page',
    templateUrl: './external-page.component.html',
    styleUrls: ['./external-page.component.css']
})

export class ExternalPageComponent implements OnInit {

    title = 'app works!';

    constructor(private _stellarService: StellarService) {
    }

    ngOnInit(): void {
    }

}

然后您的组件模板应该看起来像

<div>
    <iframe src="yourexternalpage url"></iframe>
</div>

如上所示，如果要在路由中配置路由，则只剩下一步。

Answer 2

你有没有得到答案？

您可以拥有here所述的组件。导入并将其添加到您的NgModule;之后，在您想要的页面中导入它，并使用选择器而不是<router-outlet>。

在Angular2 router-outlet中加载外部URL

2 个答案: