2016-12-23 16 views
0

Ng2-translatedirectiveいる間に私にいくつかの問題を引き起こしているが、私は何か間違ったことか、それはバグだ場合だ場合、私は得ることはありません。NG2-変換ディレクティブが機能していないパイプが

同じコンポーネントのhtmlテンプレートでは、翻訳pipeが機能していますが、翻訳はdirectiveではありません。特に

<span translate>{{ feature.linkTxt }}</span> // works 

<span [translate]="feature.linkTxt"></span> // not working 

https://github.com/ocombe/ng2-translate#4-use-the-service-the-pipe-or-the-directive

は、私が何かをしないのですか、それが動作するはず参照してください?

EDIT

以下json文字列に対応stringLEARNMORE、可変feature.linkTxt点:私は同じ変数で、パイプに指令を切り替える場合

"LEARNMORE": "Learn more", 

、翻訳テキストが表示されます。

feature.linkTxt変数は、以下の*ngFor文によって生成される:言語ファイルは以下の通りであればng2-translate exampleあたりとして

<li *ngFor="let feature of featureslist"> ... 
+0

あなたはそれを使用する際にエラーが発生していますか? – ranakrunal9

+0

@ ranakrunal9エラーはありません。テキストは翻訳されず、DOM要素はテキストなしで残ります – ghego1

+0

言語jsonファイルオブジェクトを共有できますか? – ranakrunal9

答えて

0

{ 
    HELLO: 'hello {{value}}' 
} 

その後、あなたのようにそれを使用する必要があります。

// there is single quote foe HELLO inside [translate] 
<div [translate]="'HELLO'" [translateParams]="{value: 'world'}"></div> 

私はあなたのjsonが似ていると思います:{ feature : { linkTxt : 'Your Text' } }とそれのためにあなたはそれが好きで使用する必要があります。

<span [translate]="'feature.linkTxt'"></span> 
+0

私のケースでは、 'feature.linkTxt'は' ngFor'ループで生成される変数です。そのため、 '' '' 'を持っていません。 – ghego1

+0

' feature.linkTxt'を試しましたか? – ranakrunal9

+0

'feature.linkTxt'は変数なので、' {{feature.linkTxt}} 'を試してみました。どうやらそれはバグです、私はこれに対する応答を追加しています。 – ghego1

関連する問題