JQueryのtmplがifブロック内で期待どおりに動作しない

Question

{{if}}ブロック内からJQuery.tmpl（）を使用して文字列値を調べようとしていて、何らかの理由で機能しません。

私はKnockoutJSを使用して、さまざまなタイプのパネルでダッシュボードをレンダリングしています。各パネルには、どのタイプのパネルであるか教えてくれるTypeプロパティがあります。だから、ここに私のデータがどのように見えるかの（非常に単純な）概念れる：

var data = {"Panels": [ 
    {"Type": "A", ... }, 
    {"Type": "B", ... }, 
    {"Type": "C", ... }, 
]}; 

はここTypeに応じて、異なるdivタグをレンダリングするテンプレートです：

しかし

<script id="template" type="text/x-jquery-tmpl"> 
    {{if Type == "A"}} 
    <div>A</div> 

    {{else Type == "B"}} 
    <div>B</div> 

    {{else Type == "C"}} 
    <div>C</div> 

    {{else}} 
    <div>'${Type}' is invalid!</div> 

    {{/if}} 
</script> 

、私は常にこのような出力が得られます。

<div>'A' is invalid!</div> 
<div>'B' is invalid!</div> 
<div>'C' is invalid!</div> 

にはどうすれば（すなわちType。）文字列プロパティを確認することができます01を使用してブロック？

ありがとうございます！ここで

Answer 1

はJSFiddleであなたのサンプルの作業用コピーです：
http://jsfiddle.net/rniemeyer/cnzeg/

は、あなたがしようとしているものとは私のサンプルについての異なるものがありますか？ IEで問題を引き起こす可能性があります

だけ他の事はここにあなたのパネルアレイ上の末尾のカンマです：

var data = {"Panels": [ 
    {"Type": "A", ... }, 
    {"Type": "B", ... }, 
    {"Type": "C", ... }*,* 
]}; 

はあなたがが見ている問題を起こさないし、あなたの実際のコードではそうではなかっただろう。