个人中心
文章发布
退出
作者热门文章
- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
24
4
我想制作一个可以容纳任何东西的通用模态组件，从文本到图像/按钮等。如果我这样做:
<div class="Modal">
<div class="header"></div>
<div class="body">{{content}}</div>
<div class="footer"></div>
</div>
我实际上无法将 HTML 传递到内容中，只能传递到文本中。我如何创建一个组件，以便父组件可以传入它想要的任何 HTML？如果我想在页脚添加 n 个按钮，每个按钮都有自己的回调怎么办？有没有更好的方法我应该这样做？
最佳答案
你要找的是ng-content
<div class="Modal">
<div class="header"></div>
<div class="body">
<ng-content></ng-content>
</div>
<div class="footer"></div>
</div>
并且您可以将任何 HTML 内容直接传递到您的组件中。假设您的组件名称是 my-modal，您可以像下面这样使用它，
<my-modal>
<<HTML content : this will be replaced in the ng-content area >>
</my-modal>
希望这对您有所帮助!
关于javascript - 如何将通用 HTML 传递给 Angular 2 组件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39085845/
24
4
0
我是一名优秀的程序员,十分优秀！