c# - 将 json 绑定(bind)到 Handlebar.Net

Question

有人知道如何将Json数据绑定(bind)到HandleBar吗？

这是来源:https://github.com/rexm/Handlebars.Net

我可以检查这个例子:

string source =
        @"<div class=""entry"">
          <h1>{{title}}</h1>
          <div class=""body"">
            {{body}}
          </div>
        </div>";
        var template = Handlebars.Compile(source);
        var data = new
        {
            title = "My new post",
            body = "This is my first post!"
        };

        var result = template(data);

它工作正常，但我将数据放入 json 中，而且，我需要在 html 中进行迭代。例如，这可能是 json:

{"Threshold":12,"Server":[{"Name":"Machine1","CpuUsage":27,"RamUsage":62},{"Name":Machine2","CpuUsage":25,"RamUsage":57}]}

谢谢

Answer 1

****编辑 09/01**** 澄清一下，您不需要使用 JSON.Net 或任何其他实用程序将以下对象转换为 JSON。 Handlebars.Net 根据类属性为您做这些。

.

****原创****

public class Server
{
    public string Name {get;set;}
    public int CpuUsage {get;set;}
    public int RamUsage {get;set;}
}

public class HandlebarsJson
{
    public int Threshold {get;set;}
    public List<Server> ListOfServers {get;set;}
}

修改上面的代码:

    var template = Handlebars.Compile(source);
    var data = new HandlebarsJson();

    //Code to populate data goes here

    var result = template(data);

您的模板 HTML 可能看起来像这样:

"<div class=""entry"">
     <h1>{{Threshold}}</h1>
     <div class=""body"">
     {{#each ListOfServers}}
         <p>{{Name}}</p>
         <p>{{CpuUsage}}</p>
         <p>{{RamUsage}}</p>
     {{/each}}
     </div>
 </div>"

有关“each”助手的更多信息可在此处找到:Built-In Helpers