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

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

Answer 3

按照与过去答案相同的想法，如果您想连接任何其他字符，您也可以使用 ng-bind-html，我就是这样：

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

使用 ng-bind 绑定多个值

bind multiple values using ng-bind

javascript

angularjs

ng-bind