javascript - 使用 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>