Question

我可以使用ng-bind绑定多个值，如下所示：

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

每当我尝试这个时，我都会收到以下错误：

错误：$ parse：syntax语法错误

我知道我可以使用花括号

做同样的事情

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

但我想避免这种情况，因为我可以，因为其余的代码库使用ng-bind，我会保持一致。感谢。

Answer 1

您可以使用＆＃34; +＆＃34;用于连接表达式。以下内容适用于您：<p ng-bind="(instructor.first_name) + (instructor.last_name)"></p>。您甚至可以在<p ng-bind="(instructor.first_name | filterName) + (instructor.last_name)"></p>添加过滤器。

Answer 2

您始终可以使用ng-bind-template绑定和格式化多个表达式。这有点是你的ng-bind和花括号的组合，但我认为它是你正在寻找的。

你的例子是：

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

当然，如果你想绑定一个html字符串，还有一个ng-bind-html。

Answer 3

根据过去答案的相同想法，如果你想连续任何其他字符，你也可以使用ng-bind-html，这是我的情况：

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

使用ng-bind绑定多个值

3 个答案: