Question

我有一些想在AngularJS应用中使用的Angular组件集。为了实现这一目标，我们创建了一个混合应用程序，我们在Google上进行了大量搜索，然后实现了这一目标。

下一步是降级我们的Angular组件，并通过AngularJS指令在AngulaJS代码中使用它，我们阅读了Angular Team文档，并且我们开始在Google上搜索很多……这次，它无济于事。

我可以在AngularJS代码中包含简单的Angular组件。但是我需要一个不太愚蠢的组件，因此我在虚拟组件中添加了一些“ ngIf”属性，目的是创建对“ commonModule”的依赖。

而且，现在我陷入了这个错误：

scripts.js：57488错误：StaticInjectorError（AppModule）[NgForOf-> ViewContainerRef]：StaticInjectorError（平台：核心）[NgForOf-> ViewContainerRef]： NullInjectorError：ViewContainerRef没有提供者！在NullInjector.push ../ node_modules/@angular/core/fesm5/core.js.NullInjector.get （vendor.js：147297）在resolveToken（vendor.js：147542）在tryResolveToken（vendor.js：147486）在StaticInjector.push ../ node_modules/@angular/core/fesm5/core.js.StaticInjector.get （vendor.js：147383）在resolveToken（vendor.js：147542）在tryResolveToken（vendor.js：147486）在StaticInjector.push ../ node_modules/@angular/core/fesm5/core.js.StaticInjector.get （vendor.js：147383）在resolveNgModuleDep（vendor.js：159619）在NgModuleRef_.push ../ node_modules/@angular/core/fesm5/core.js.NgModuleRef_.get （vendor.js：160308）在resolveDep（vendor.js：160679）“”

我正在使用的Angular组件如下：


<span>
    <span>Hello World !</span>
</span>

我可以在我的混合AngularJS应用中看到它。

我的Angular组件，它依赖于commonModule：


<span>
    <span>Hello World !</span>
    <ul>
        <li *ngFor="let book of bookList">{{ book.name }}</li>
    </ul>
</span>


import { Component } from "@angular/core";

/**
 * Only for tests
 */
@Component({
    selector: "test",
    templateUrl: "./test.component.html"
})
export class TestComponent {

    bookList = [
        {
            name: "eXtreme Programming Explained"
        },
        {
            name: "Clean Code"
        }
    ];

    public ngOnInit() {
        console.log("Hello My Test");
    }

}

我正在寻找任何导入/降级/注册commonModule的线索，并在我的JS应用中使我的Anguar组件正常工作。

我

降级Angular组件以在AngularJS Hybride应用程序中使用

0 个答案: