在模板文字中使用條件的問題

Question

如果我有以下代碼，如何使三元運算符工作？

'<p>{balance==0?<span class="danger">Not available</span>:(Stock: {balance}})</p>'

謝謝！

---

抱歉，也許我的問題不清楚。 讓我在這里詳細說明我正在使用 Bloodhound 庫來提供建議下拉列表。 代碼如下所示。

var prodName_typehead = {
              name: 'prod_name',
              displayKey: 'name',
              hint: (App.isRTL() ? false : true),
              source: item.ttAdapter(),
              limit: 20,
              templates: {
                suggestion: Handlebars.compile([
                  '<div class="media">',
                        '<div class="pull-left">',
                            '<div class="media-object">',
                                '<img src="{{thumb}}" width="50" height="50"/>',
                            '</div>',
                        '</div>',
                        '<div class="media-body">',
                            '<p><strong>{{name}}</strong></p>',
                            '<p>{{desc}}</p>',
                            `<p>${balance==0 ? `<span class="danger">Not available</span>`:`(Stock: ${balance})`}</p>`,
                        '</div>',
                  '</div>',
                ].join(''))
              }
            };

Answer 1

嘗試如下。

`<p>${balance==0 ? `<span class="danger">Not available</span>`:`(Stock: ${balance})`}</p>`

檢查下面的結果balance = 0 & balance = 1 。

 let balance = 0; let result = `<p>${balance==0 ? `<span class="danger">Not available</span>`:`(Stock: ${balance})`}</p>`; console.log('balance = 0 ->', result); balance = 1; result = `<p>${balance==0 ? `<span class="danger">Not available</span>`:`(Stock: ${balance})`}</p>`; console.log('balance = 1 ->', result);