Angular2テンプレートの問題は二重ではありません（!! +）

Question

私の頭を数時間壊していましたが、今はAngular2の問題だと確信しています。

シナリオ：私はPHP "isLiked": "1"からJSONでtinyintを取得します。 JSONのため、tinyintはJavascriptのブール値ではなく文字列として解釈されるので、これをブール値に変更するには良い0,235,を使用しています。

<i class="glyphicon {{ (!(!!+post.isLiked)) ? 'glyphicon-heart-empty' : 'glyphicon-heart' }}"></i>

下線テンプレートを持つバックボーンで完璧に動作するために使用このコード：私が行う必要がある私のAngular2テンプレートで

。しかし、それはAngular2が方法を変える何かをするようです!! + "0"が評価されます！

Chromeのコンソール： !!+"0"はfalseを返します。バックボーン+下線で

： <% !!+"0" %>テンプレートではfalseを示します。

角度2： {{ !!+"0" }}は、trueを示しています。

ここにはそれのための遊び場http://plnkr.co/E3YGYeQ5ZZIRh8JxsUN6があります。

falseは、Angularが何かをする前に、index.html内の単純なJavascript document.write(!!+"0")から来ています。

trueは、src/app.tsテンプレートです。

何か不足していますか？

Answer 1

角テンプレートシンタックスでは、完全なJavaScript構文はサポートされていません。 だけで機能するようにコードを移動しても
を参照してください。代わりに

<i class="glyphicon {{ truthyCheck(+post.isLiked) ? 'glyphicon-heart-empty' : 'glyphicon-heart' }}"> 

class MyComponent { 
    trutyCheck(value):boolean { 
    return !(!!+post.isLiked) ; 
    } 
} 

Plunker example

それを呼び出す - https://angular.io/docs/ts/latest/guide/template-syntax.html#!#template-expressions
- 私は角度と役に立たないよhttps://angular.io/docs/ts/latest/guide/template-syntax.html#!#template-statements