javascript - Javascript 中 HTML 标签中的井号/井号 # 符号

Question

我使用 Kendo UI 上的论坛帖子将我的 kendo ListView 连接到 php 数据源。

1. 它可以工作，但是你能解释一下他们使用#符号的最后一行吗？
2. 那 :data.Name 呢？我确实知道我正在从 php 文件输出 JSON 字符串，例如 {"data":[{"Name":"Cindy"}])。但从 Javascript 的上下文来看，Kendo 实际上对 JSON 字符串中的“数据”做了什么？它是一个具有属性“名称”的对象(在某些数据结构中吗？)？为什么有分号？

我没有良好的 JavaScript 背景，并且发现使用 #/hash 作为关键字进行搜索很困难。

    $("#listView").kendoListView({
    dataSource: {
        transport: {
            read: "list_users.php",
        },
        schema: {
            data: "data"
        }
    },
    template:"<li>#:data.Name#</li>"

});

Answer 1

对于 Javascript 来说它根本没有任何特殊含义。它只是一个字符串。

在 Kendo 模板中使用时，标签 #: #被替换为 HTML 编码值。 (标签#= #被替换为没有HTML编码的值。)

直接在代码中使用模板，它看起来像这样:

var template = kendo.template("<li>#:data.Name#</li>");

var html = template({ data: { Name: 'Me!<o>' } });

变量html现在将包含字符串 <li>Me!&lt;o&gt;</li> 。请注意 < 如何和>从名称来看都是 HTML 编码的。