Angular 2 Angucomplete Alt Directive

时间:2017-03-18 17:20:16

标签: angular angular2-directives

我尝试用ng-tags-input组件替换Angucomplete Alt组件。 tags组件使用一个函数从输入到输入框中的字符串中获取搜索结果,我希望得到angucomplete-alt来调用相同的函数。

这是html模板:

<div angucomplete-alt id="ex2"
     placeholder="Search..."
     pause="300"
     selected-object="selectedPerson"
     local-data="people"
     local-search="localSearch"
     title-field="firstName,surname"
     description-field="twitter"
     image-field="pic"
     minlength="1"
     input-class="form-control form-control-small"
     match-class="highlight">
</div>

我期待的是每当一个字符以字符作为参数进入输入框时,就会调用控制器中的函数localSearch()。

但是当在angucomplete-alt的输入框中输入一个字符时,它会向localhost发送一个GET请求:3000 / undefined +无论输入的字符是什么。即,如果我输入&#39; f&#39;,它会向http://localhost:3000/undefinedf发送请求

如何调用该函数而不是发送GET请求。或者我错过了应该如何工作的东西?

如果有人建议更好的自动完成组件,请说。 :)

谢谢!

1 个答案:

答案 0 :(得分:1)

试试这个

{
  "hosting": {
    "headers": [{
      "source":"**",
      "headers": [
        {"key":"Content-Security-Policy","value":"script-src 'self'"}
      ]
    }]
  }
}

或者你应该试试https://www.npmjs.com/package/ng2-auto-complete它的工作对我来说非常酷。