1

次のようにカスタム要素を作成したとします。

<chat-container messages="{{ messages }}"></chat-container>

messages特定のスレッドまたは連絡先に関連するチャット メッセージを含む配列です。

さて、私app.jsの には、スレッド識別子ごとのすべてのメッセージを含むこの種のメッセージ配列があります。特定のスレッド識別子 (つまり name='Rajat') に関連するメッセージを<chat-container>要素に渡すにはどうすればよいですか? ほぼすべての組み合わせを試しましたが、まだ何も意味がありません。

 app.messages =  [
     {name: 'Rajat', messages: [{id: 1,message: 'Hello'},{id: 3,message: 'Hello 2'}]},
     {name: 'Himesh', messages: [{id: 2,message: 'Hello'}]},
     {name: 'David', messages: [{id: 4,message: 'Hello'}]}
    ]

私はやろうとしました：

<chat-container messages="{{ app.messages.filter(function(e) { return e.name === 'Rajat'; })[0].messages }}"></chat-container>

そしてそれはうまくいきませんでした。

4

1 に答える 1

1

Polymer は、このような複雑なバインド式をサポートしていません。フィルター コードを関数に移動し、バインディング式からその関数を呼び出します。バインディング式は , のみをサポート.``!します()

<chat-container messages="{{filter('name', 'Rajat')}}"></chat-container>

親要素には次の名前の関数がありますfilter()

于 2015-12-30T08:53:26.763 に答える