Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/templates/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript MustacheJs中的开关盒_Javascript_Templates_Logic_Mustache_Presentation - Fatal编程技术网

Javascript MustacheJs中的开关盒

Javascript MustacheJs中的开关盒,javascript,templates,logic,mustache,presentation,Javascript,Templates,Logic,Mustache,Presentation,使用MustacheJS(一种无逻辑的模板)有没有一种方法可以实现SwitchCase?这是我需要的,因为类是根据值分配给dom元素的,例如: switch(tasks.Count) { case 0: element.Class = "no-tasks"; break; case 1: element.Class = "one-tasks"; break; . . . } 这就是我现在得到的代码,我如何将其转换为模板(我相信在模型上呈现方

使用MustacheJS(一种无逻辑的模板)有没有一种方法可以实现SwitchCase?这是我需要的,因为类是根据值分配给dom元素的,例如:

switch(tasks.Count)
{
   case 0:
       element.Class = "no-tasks";
    break;
   case 1:
       element.Class = "one-tasks";
   break;
.
.
.
}
这就是我现在得到的代码,我如何将其转换为模板(我相信在模型上呈现方法是一种选择),但是添加方法来确定要使用哪个类是一种过火的行为,而且这将使我的模型变成一片沼泽

  • 我问这个问题是因为我正在使用Nustache一个MustacheJs到C#,.NET的端口来呈现嵌套模型

  • 有几种方法可以做到这一点

    在Javascript中,如果Mustach遇到值中的函数,它将使用所包含的文本作为唯一参数来调用它

    var data = {
        foo: function(text) { return '<b>' + text + '</b>'; }
    }
    
    输出

    <b>HI I LIKE FISH, thanks.</b>
    
    胡子

    {{#foo}}
       HI I LIKE FISH, thanks.
    {{/foo}}
    
    {{#foo}}
      output this if true.
    {{/foo}}
    {{^foo}}
      output if false
    {{/foo}}
    

    有几种方法可以做到这一点

    在Javascript中,如果Mustach遇到值中的函数,它将使用所包含的文本作为唯一参数来调用它

    var data = {
        foo: function(text) { return '<b>' + text + '</b>'; }
    }
    
    输出

    <b>HI I LIKE FISH, thanks.</b>
    
    胡子

    {{#foo}}
       HI I LIKE FISH, thanks.
    {{/foo}}
    
    {{#foo}}
      output this if true.
    {{/foo}}
    {{^foo}}
      output if false
    {{/foo}}