Question

我正在使用Angular 6开发Web应用程序。我遇到了问题。我经常使用向现有组件（标签）添加功能的库。例如，借助库 bootstrap-select ，我可以在标签上启用便捷的搜索功能（这要归功于属性data-live-search，该属性需要一个布尔值）。问题是我无法将动态属性分配给库的属性。例如，如果我开发了一个自定义组件，该组件将search值作为输入：

<select class="form-control selectpicker" data-live-search={{search}}>
    <option>Option 1</option>
    <option>Option 2</option>
</select>

控制台错误是：

Can't bind to 'live-search' since it isn't a known property of 'select'

这是正确的，因为该属性是从库中添加的，但是在我看来，无法分配与对象关联的值非常不便！仅当我输入值true或false时它才有效，但是，如果我使用参考，则会给我一个错误。我该如何解决这个问题？

Answer 1

您正在寻找attribute binding。

attr.data-live-search="{{search}}"

Answer 2

您可以尝试在data-live-search周围使用方括号来评估属性吗？

<select class="form-control selectpicker" [data-live-search]="search">
    <option>Option 1</option>
    <option>Option 2</option>
</select>

角度6：值绑定在自定义组件中不起作用

2 个答案: