在Angular 4 cli项目中使用@ types / typeahead

时间:2017-10-31 04:20:40

标签: angular typeahead.js typeahead

我想在我的angular cli项目中使用@ types / typeahead。我使用以下命令安装了typehead.js类型定义。

npm install --save @types/typeahead

并在组件的OnInit()方法上执行以下操作。

const suggestions = [{
      value: 'string1'
    }, {
      value: 'string2'
    }, {
      value: 'string3'
    }, {
      value: 'string4'
    }, {
      value: 'string5'
    }];

      let bloodhoundSuggestions = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        sufficient: 3,
        local: this.suggestions


    });

但它总是会出现以下错误。

Can not find name 'Bloodhound'

我也将以下文件添加到angular-cli.json文件中。

"assets/js/bloodhound.min.js",
"assets/js/typeahead.bundle.min.js"

我也安装了jQuery。

1 个答案:

答案 0 :(得分:2)

您必须在要使用它的打字稿文件中声明let trimmedString = " abc ".trimmingCharacters(in: .whitespaces) //trimmedString == "abc"

Bloodhound

现在,打字稿编译器不应该抛出该错误