javascript - 有<# #>标签吗？如果不是的话，它在这段代码中有什么用处

Question

我最近检查了一些网站的源码，看到了以下代码

<script type="text/html" id="tmpl-playlist-settings">
    <h2>Playlist Settings</h2>

    <# var emptyModel = _.isEmpty( data.model ),
        isVideo = 'video' === data.controller.get('library').props.get('type'); #>

    <label class="setting">
        <input type="checkbox" data-setting="tracklist" <# if ( emptyModel ) { #>
            checked="checked"
        <# } #> />
        <# if ( isVideo ) { #>
        <span>Show Video List</span>
        <# } else { #>
        <span>Show Tracklist</span>
        <# } #>
    </label>

    <# if ( ! isVideo ) { #>
    <label class="setting">
        <input type="checkbox" data-setting="artists" <# if ( emptyModel ) { #>
            checked="checked"
        <# } #> />
        <span>Show Artist Name in Tracklist</span>
    </label>
    <# } #>

    <label class="setting">
        <input type="checkbox" data-setting="images" <# if ( emptyModel ) { #>
            checked="checked"
        <# } #> />
        <span>Show Images</span>
    </label>
</script>

我认识到该代码使用了 php 的“回显”风格(将 html 代码放入条件 IF 语句内)，尽管该代码位于 <# #> 内。 。我以前从未见过这种方法。它有什么用处？

Answer 1

如果这是一个 WordPress 模板，则任意逻辑将出现在胡萝卜哈希模板标签 <#//logic#> 中。

更多信息可以在这里找到https://lkwdwrd.com/wp-template-js-templates-wp/

这可能不仅仅适用于 wordpress。

 <# if ( data.trueValue ) { #>
     <p> I am only output if <code>data.trueValue</code> is true.
 <# } #>

但也可能适用于其他模板语言，其他变体可能是:

<% ... %> , {{...}}等等，具体取决于模板引擎。