как использовать содержимое stati c в приложении Angular - PullRequest
0 голосов
/ 13 июля 2020

Я искал и искал пару статей и длинную ветку поддержки о ng-include, и я не могу найти решение, которое работает, когда я пробую его - ближайшим было Angular: Как реализовать ng- включить аналогичные функции в Angular 5? - но это ничего не дало (без ошибок и без содержимого)

Мой сценарий преобразовывает статический c юридический сайт - с более чем 100 профилями поверенных уже в HTML формат - в NG.

Мне нужен динамический c маршрут вроде '/ site / attorney /: x' и страница для отображения содержимого x. html без необходимости создавать 100+ составные части. Мне понравилось предложенное выше решение, потому что оно позволило бы мне обернуть результат моей навигационной панелью и т. Д. c.

Это страницы c, и я готов поместить их в корзину S3, чтобы они не были «построены» со структурой сборки ...

Вот что я сделал -

1) added 'attorney' to angular.json
"assets": [
        "src/assets",
        "src/attorney",
        "src/favicon.ico"
2) on the home component (as a test, before even getting to the dynamic route)
import { Component, Sanitize, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

export class HomeComponent implements OnInit {
   private dynamicTemplate: any = '';
    constructor(
        private route: ActivatedRoute,
        private sanitizer: Sanitizer,
        private http: HttpClient
    ) {}

    ngOnInit() {
        this.http
            .get('http://google.com/')
            .map((html:any) => 
                this.dynamicTemplate = sanitizer.sanitize(html,this.dynamicTemplate));
        console.log(this.dynamicTemplate);
    }
    
3) in my home.component.html I added
<div [innerHtml]="dynamicTemplate"></div>

Я ожидал, что домашняя страница Google - или что-то еще - покажет - но Я ничего не получаю в console.log ИЛИ в div ...

Предложения? Лучший способ включить в приложение большое количество страниц статистики c? Я использую Angular 7 в этом проекте, но я могу обновить его, если есть новая функция.

спасибо за любой вклад.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...