如何将角度4组件的列表传递给html

Question

我正在使用angular 4，我想将列表传递给html。 在角度4中，我的组件是：

a = ["abc", "xyz", "lmn"]

在HTML方面： <input type="text" data-provide="typeahead" data-source='["abc","xyz","lmn"]' placeholder="item..." class="form-control" />

我必须在数据源中传递列表，它是一个Bootstrap-3-Typeahead js对象。

如何使用角度4

Answer 1

您可以使用attribute关键字将任何variable与组件attr绑定

<input type="text" data-provide="typeahead" [attr.data-source]="a" placeholder="item..." class="form-control" />