Angular2中的嵌套模板与PrimeNG(DataList)

时间:2016-12-30 10:36:44

标签: angular primeng

我正在使用Angular2和PrimeNG组件构建应用程序。一切都运行正常,直到我添加了嵌套的DataList。

在我创建的示例中,我有拥有街道的城市。使用准备好的数据,一切都很好。当没有数据时,添加城市,然后街道运作良好。添加额外的城市会使模板呈现错误,而不是新的城市模板,渲染街道模板,但在城市数据列表中,好像模板在开始时正确绑定,但是当应用程序工作时,内部模板被绑定到外模板。

以下是它的样子: https://webpack.github.io/docs/configuration.html#devtool

以下是我的模板的样子:

import {ConfirmationService} from "primeng/components/common/api";
import {Component} from "@angular/core";
@Component({
    selector: 'embed-app',
    templateUrl: './templates/embed.htm',
    providers: [ConfirmationService]
})
export class EmbedComponent {

    cities = []

    public addCity() {
        this.cities.push({
            streets: []
        })
    }

    public addStreet(city) {
        city.streets.push({})
    }

}

这是组件代码:

cancel

这是什么问题?这个例子看似合法。是Angular2如何实现模板(不支持嵌入式模板?)的问题,还是PrimeNG的问题,我应该尝试重新实现p-dataList?

0 个答案:

没有答案