2016-03-11 18 views
17

Tôi đang làm việc với 2 kiểu chữ góc cạnh và tôi muốn tạo danh sách thu gọn chuyển đổi. Điều này rất đơn giản với id duy nhất và data-target nhưng tôi lặp lại một danh sách để tôi có tên id động. Tôi muốn vượt qua một biến trong data-target của tôi vì vậy tôi có thể đạt được tên động của id. một cái gì đó như thế này:Cách chuyển biến thành "data-target =" angular 2

<a data-toggle="collapse" data-target="#{{theme.themeId}}>collapseHere </a> nhưng điều này mang lại cho tôi một lỗi cú pháp.

Có thể chuyển các biến với data-target không?

Trả lời

45

Bạn có thể sử dụng thuộc tính ràng buộc. Một cái gì đó như thế:

[attr.data-target]="'#' + theme.themeId" 
+0

Cảm ơn bạn rất nhiều vì điều này, đang tìm cách khắc phục điều này. Điều này giải quyết một vài vấn đề tôi đã có! –

+0

Tôi nên liên kết với thẻ từ tệp .ts như thế nào? –

+1

Các vấn đề liên quan