2017-01-21 103 views
0

我(尝试)学习C#和角度,并希望显示一个细节模式弹出如果用户点击一个div。Angular2 /动态模态弹出

如果可能的话,如果我可以直接从ngfor循环中将detaildata传输到“popup”窗口中,那将会很棒。如果没有,我可以给一个新的web.api调用这个函数的Id。

有没有人有一个很好很容易的例子?我试图使用primeng(不幸的是,我的角度2.4 - 我得到了几个错误),我试过ng2-bs3-modal - 这也破坏了我的运行应用程序,似乎没有与角2.4的工作:()。所以我把它全部删除了。

非常感谢 拉尔夫

回答

0

我推荐使用angular2-modal

这是我做出了榜样,你可以通过创建一个自定义模式通过从ngFor数据到模式弹出:plunker

+0

嗨,谢谢你的推荐。我尝试安装thi modal,并按照安装(仅在第一次没有“配置根元素”时) - 但现在我的应用程序无法启动:(index):30 ZoneAwareError {__zone_symbol__error:Error :(SystemJS)意外的标记< \t SyntaxError:意外的标记< \t在EVAL() \t ...,__zone_symbol__stack: “(SystemJS)意外的标记<↵\t语法错误:Unexpe ... \t错误加载的http://本地主机:14062 /应用/ main.js”,originalErr:的SyntaxError :意外的令牌< at eval() at SystemJSLoader .__ exec – Ralf

+0

在visual studio中,我得到了近900个错误 G:\ test \ src \ WebApplication2 \ node_module s \ @types \ core-js \ index.d.ts G:\ test \ src \ WebApplication2 \ typings \ globals \ core-js \ index.d.ts 像这样: TS2300 \t重复的标识符'PropertyKey'。 \t TypeScript Virtual TS2323 \t无法重新声明导出的变量'Array'。 \t TypeScript虚拟项目 – Ralf

+0

我现在解决了这个问题,没有模式 - 只有(点击)=“onSelect(item)”和一个