ws-replace类似于ws-hole,isn&t; t?

时间:2018-02-14 03:31:48

标签: f# websharper websharper.ui.next

ws-replace

属性ws-replace创建一个Doc或seq孔。设置此属性的元素将替换为提供的文档。洞的名称是ws-replace属性的值。

ws-hole

属性ws-hole创建一个Doc或seq孔。设置此属性的元素将使用提供的文档替换 内容 。洞的名称是ws-hole属性的值。

你能帮我清楚地区分这两个概念吗?

https://developers.websharper.com/docs/v4.x/fs/ui#reactive

1 个答案:

答案 0 :(得分:7)

ws-replace替换整个元素,而ws-hole只替换内容。查看documentation you linked to中的示例。请注意ws-replace如何使<div>元素消失并完全被&#34;欢迎&#34;段。对于ws-hole<div>元素仍然存在,包围着&#34;欢迎&#34;段落。

使用ws-replace

<div ws-replace="Content"></div>

变为:

<p>Welcome to my site.</p>

使用ws-hole

<div ws-hole="Content"></div>

变为:

<div>
    <p>Welcome to my site.</p>
</div>