如何将 Angular 4 组件中的列表传递给 html

【问题标题】：How do I pass a list from an angular 4 component to html如何将 Angular 4 组件中的列表传递给 html
【发布时间】：2017-09-12 18:03:09
【问题描述】：

我正在使用 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 对象。

如何将它与 angular 4 一起使用

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

自动完成功能正在工作，但为什么它没有将完整值存储在 form.value json 中，它只存储我在输入框中输入的内容，例如来自“abc”的“a”，但在单击自动完成“abc”字之后它没有存储完整的“abc”字
它依赖于输入绑定。可能需要绑定输入(change)事件。
对不起，我该如何实现呢？
在它必须知道您使用的是哪种表格之前model forms 或reactive forms。发布这些实现，以便帮助识别问题
我正在使用reactive form