ràng buộc nhiều giá trị sử dụng ng-bind

Question

Tôi có thể ràng buộc nhiều giá trị sử dụng ng-ràng buộc như vậy:

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

Bất cứ khi nào tôi cố gắng này, tôi nhận được lỗi sau:

Lỗi: $ phân tích cú pháp: Cú pháp Cú pháp lỗi

tôi biết tôi có thể làm tương tự bằng cách sử dụng dấu ngoặc nhọn

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

nhưng tôi muốn avoi d này nếu tôi có thể kể từ khi phần còn lại của các cơ sở mã sử dụng ng-ràng buộc và tôi sẽ ở lại nhất quán. Cảm ơn.

Answer 1

Bạn có thể sử dụng dấu "+" để ghép nối các biểu thức. Thông tin sau đây sẽ phù hợp với bạn: <p ng-bind="(instructor.first_name) + (instructor.last_name)"></p>. Bạn thậm chí có thể thêm bộ lọc tại đó <p ng-bind="(instructor.first_name | filterName) + (instructor.last_name)"></p>.

Answer 2

Bạn luôn có thể sử dụng lệnh ng-bind-template để liên kết và định dạng nhiều biểu thức. Đây là một phần của sự kết hợp của ng-bind của bạn và niềng răng xoăn, nhưng tôi nghĩ rằng đó là những gì bạn đang tìm kiếm.

dụ của bạn sẽ là:

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

Và tất nhiên cũng có một ng-bind-html là nếu bạn đang tìm kiếm để ràng buộc một chuỗi html.

Answer 3

Tiếp nối ý tưởng cùng một câu trả lời qua bạn cũng có thể sử dụng ng-bind-html nếu bạn muốn concat bất kỳ ký tự khác, đó là trường hợp của tôi:

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