【问题标题】:Angular2 / dynamic modal popupAngular2 /动态模式弹出
【发布时间】:2017-01-21 18:00:16
【问题描述】:

我(尝试)学习 c# 和 angular,并希望在用户单击 div 时显示详细模式弹出窗口。

如果可能的话,如果我可以将详细数据直接从 ngfor 循环传输到“弹出”窗口,那就太好了。如果没有,我可以为这个函数的新 web.api 调用提供一个 ID。

有没有人有一个简单的好例子?我尝试使用primeng(不幸的是,不适用于我的angular 2.4 - 我有几个错误),我尝试了ng2-bs3-modal - 这也破坏了我正在运行的应用程序,并且似乎也不适用于angular 2.4 :()。所以我把它全部删除了。

非常感谢 拉尔夫

【问题讨论】:

    标签: angular popupwindow


    【解决方案1】:

    我建议使用angular2-modal

    这是我制作的一个示例,您可以通过创建自定义模式将数据从 ngFor 传递到模式弹出窗口:plunker

    【讨论】:

    • 您好,感谢您的推荐。我尝试安装 thi modal 并遵循安装(仅首先没有“配置根元素”)-但现在我的应用程序无法启动:(索引):30 ZoneAwareError {__zone_symbol__error:错误:(SystemJS)意外令牌) ..., __zone_symbol__stack: "(SystemJS) Unexpected token localhost:14062/app/main.js", originalErr: SyntaxError: Unexpected token ) at SystemJSLoader.__exec
    • 在 Visual Studio 中,我现在在 G:\test\src\WebApplication2\node_modules\@types\core-js\index.d.ts G:\test\src\WebApplication2\ 中有近 900 个错误typings\globals\core-js\index.d.ts 像这样:TS2300 Duplicate identifier 'PropertyKey'。 TypeScript Virtual TS2323 无法重新声明导出的变量“数组”。 TypeScript 虚拟项目
    • 我现在在没有模式的情况下解决了这个问题 - 只有 (click)="onSelect(item)" 和
    猜你喜欢
    • 2012-09-04
    • 2018-08-02
    • 2017-12-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多