javascript - Javascript 中 HTML 标记中的哈希/磅 # 符号

Question

我正在使用 Kendo UI 上的论坛帖子将我的 kendo 列表视图连接到 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 编码的。