Сосуществующий маршрут между Angular 4 и Angle JS - PullRequest
0 голосов
/ 19 ноября 2018

У меня есть проект angular 4 / angularJS (он обновляется).

У меня возникла проблема с маршрутизацией.

Я сейчас использую маршрутизатор AngularJS:

У меня 2 маршрута

 { path: '/items/:items/list/ajs', name: 'AngularJSComponent', component: 'angularJSComponent' },
 { path: '/items/:items/list/aj4', name: 'DowngradeAngular4Component', component: 'downgradeAngular4Component'}

Мой downgradeAngular4Component полностью пуст:

Компонент =>

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

declare const angular: angular.IAngularStatic;

@Component({
    selector: 'angular4Component',
    templateUrl: './angular4Component.component.html',
    providers: []
})
export class Angular4Component implements OnInit {

    constructor() {}
}

angular.module('downgradeComponent').directive('downgradeAngular4Component', downgradeComponent({ component: Angular4Component }));

ШАБЛОН =>

<div>HELLO WORLD</div>

Когда я вызываю этот компонент из angularJS, используя $location.path("/items/itemID/list/aj4");

Я называю свой компонент, он правильно отображает Hello World

Но с этого момента, независимо от того, какой URL я вставил в приложение или какое-либо $location.path изменение из любого AngularJS компонента, ничего не происходит, URL-адрес навигационной панели меняется, но ng-outlet блокируется с помощью компонента ng4.

enter image description here

РЕДАКТИРОВАТЬ: Это консоль в Chrome, она не двигается, куда бы я ни пошел.

enter image description here

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