芯片自动完成角1.6。无角材料

Question

我需要在我们的Angular 1.6应用程序中添加一个自动完成芯片组件。我们正在使用Typescript，Webpack 2。由于我们已经在使用angular-ui-bootstrap，我们不想引入角度材料，以避免风格冲突。然而，希望的结果恰恰是材料芯片提供的结果。

是否有指令或组件可以在我的情况下使用？我找到了这个图书馆，但是当我导入它时，它会运行无穷无尽的异常。

不幸的是，我只能用引导打字机找到部分解决方案，但是我需要实现所有的“芯片”部分，让我想到重新发明轮子。

Answer 1

把纽布放这儿。我有一个和你一样的问题。下面是我解决这个问题的方法：

ReferenceError: error is not defined 1.在角晶片库中解析

你使用的库(角芯片)并不是在考虑打字本的情况下设计的。因此，您首先需要通过在上面使用ReferenceError: error is not defined的行中为它们定义错误来解决以下错误var error;。这应该为你的webpack的使用准备角度芯片。

你会发现的第二个问题是如何在组合中加入webpack的typeahead-template-url。与其引用单独的html文件，不如使用内联模板，如此处所引用的：引导-UI预先在结果列表中显示多个属性？。

如果你像我一样懒惰，并且不想跟随这个超链接，可以用下面这个例子：

<chips> 2.在标记之前添加的模板：

<script type="text/ng-template" id="yourTemplate.html">
    <a tabindex="-1">
      <i ng-class="'icon-'+match.model.type"></i>
      <span  ng-bind-html-unsafe="match.model.title | typeaheadHighlight:query"></span>
   </a>
</scrip>

3.在指令中包括模板：

typeahead-template-url:"yourTemplate.html"

对我来说很有魅力。