jsrender if-else using {{= propName}}

Question

我在試用jsRender。

我想要做什麼：

JS模板：

<script id="theaterTemplate" type="text/x-jquery-tmpl"> 
    {{* 
     if ("{{=theaterId}}" == getCurrentTheaterId()) { 
    }} 
     <a class="active" href="#"> 
    {{* 
     } else { 
    }}   
     <a href="#">   
    {{* } }} 
     {{=theaterName}} 
    </a> 
</script> 

在其他JS：

function getCurrentTheaterId() { 
    return "523"; 
} 

基本上，在模板中，如果在迭代當前影院ID匹配什麼從js函數返回，然後將該類設置爲活動狀態。 if條件中的「{{= theaterId}}」中斷。我想你不能在if條件中訪問當前的json屬性。

有關如何做到這一點的任何想法？

希望這是有道理的。謝謝！

Answer 1

在他們的樣本程序他們有這樣的：

$.views.allowCode = true;/ 

http://borismoore.github.com/jsrender/demos/step-by-step/11_allow-code.html

[編輯]

你要 '告訴' jsRender有關外部功能。這裏有一個工作示例：

<script type="text/javascript"> 
     function IsSpecialYear() 
     { 
      return '1998'; 
     } 

     // tell jsRender about our function 
     $.views.registerHelpers({ HlpIsSpecialYear: IsSpecialYear }); 

    </script> 

    <script id="movieTemplate" type= "text/html"> 

     {{#if ReleaseYear == $ctx.HlpIsSpecialYear() }} 
      <div style="background-color:Blue;"> 
     {{else}} 
      <div> 
     {{/if}} 
      {{=$itemNumber}}: <b>{{=Name}}</b> ({{=ReleaseYear}}) 
     </div> 

    </script> 

    <div id="movieList"></div> 

<script type="text/javascript"> 

    var movies = [ 
     { Name: "The Red Violin", ReleaseYear: "1998" }, 
     { Name: "Eyes Wide Shut", ReleaseYear: "1999" }, 
     { Name: "The Inheritance", ReleaseYear: "1976" } 
    ]; 

    $.views.allowCode = true; 

    $("#movieList").html(
     $("#movieTemplate").render(movies) 
    ); 

</script> 

[編輯2]更復雜的布爾條件：

function IsSpecialYear(Year, Index) 
    { 
     if ((Year == '1998') && (Index == 1)) 
      return true; 
     else 
      return false; 
    } 

    // tell jsRender about our function 
    $.views.registerHelpers({ HlpIsSpecialYear: IsSpecialYear }); 

</script> 

<script id="movieTemplate" type= "text/html"> 

{{#if $ctx.HlpIsSpecialYear(ReleaseYear, $itemNumber) }} 
    <div style="background-color:Blue;"> 
{{else}} 
    <div> 
{{/if}} 

Answer 2

& &沒有得到支持，直到最近的測試候選人面世。您可以在模板中聲明的邏輯數量是有限的，並且不包括& &或||。然而，對比較運算符的支持現在非常完整。這裏有一些例子：http://borismoore.github.com/jsrender/demos/step-by-step/10_comparison-tests.html