web-dev-qa-db-ja.com

ng-bindを使用して複数の値をバインドします

次のようにng-bindを使用して複数の値をバインドできますか？

<p ng-bind="instructor.first_name instructor.last_name"></p>

これを試すたびに、次のエラーが表示されます。

エラー：$ parse：syntax Syntax Error

中括弧を使用して同じことができることを知っています

<p>{{instructor.first_name}}{{instructor.last_name}}</p>

しかし、残りのコードベースはng-bindを使用しているため、一貫性を保つために、できればこれを避けたいと思います。ありがとう。

javascriptangularjsng-bind
15
Chad Watkins

式の連結には「+」を使用できます。以下がうまくいくはずです：<p ng-bind="(instructor.first_name) + (instructor.last_name)"></p>。 <p ng-bind="(instructor.first_name | filterName) + (instructor.last_name)"></p>にフィルターを追加することもできます。

31
Maksym Kosak

常にng-bind-templateを使用して、複数の式をバインドおよびフォーマットできます。これは、ng-bindと中括弧を組み合わせたものですが、探しているものだと思います。

あなたの例は次のようになります：

<p ng-bind-template="{{instructor.first_name}} {{instructor.last_name}}"></p>

もちろん、html文字列をバインドする場合は、ng-bind-htmlもあります。

6
djmarquette

過去の回答と同じ考え方に従って、ng-bind-html他の文字を連結したい場合、それは私の場合でした：

  <td ng-bind-html="( com.ref.number | highlight: searchTerm) + '-' + (com.ref.order)">
  </td>
2
Juan Garassino