使用ng-bind绑定多个值

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

您可以使用"+“来连接表达式。下面的代码应该适用于您：<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>