ngTagsInput/自动完成（AngularJS）_Angularjs

ngTagsInput/自动完成（AngularJS）

angularjs

ngTagsInput/自动完成（AngularJS）,angularjs,Angularjs,我试图显示一个带有自动完成的标记输入字段，这样，如果用户在输入字段中输入一些文本，可用的标记将作为建议显示在下拉列表中。目前一切正常： <body ng-app="plunker" ng-controller="MainCtrl"> <tags-input ng-model="tags" add-on-paste="true"> <auto-complete source="loadTags($query)"></auto-com

我试图显示一个带有自动完成的标记输入字段，这样，如果用户在输入字段中输入一些文本，可用的标记将作为建议显示在下拉列表中。目前一切正常：

<body ng-app="plunker" ng-controller="MainCtrl">
    <tags-input ng-model="tags" add-on-paste="true">
        <auto-complete source="loadTags($query)"></auto-complete>
    </tags-input>
    <p>Model: {{tags}}</p>
</body>

工作结果如下：

问题是，当我尝试将

maxResultsToShow=“4”

或

minLength=“1”

属性添加到时，它们不起作用，我仍然得到相同的结果

<body ng-app="plunker" ng-controller="MainCtrl">
    <tags-input ng-model="tags" add-on-paste="true">
            <auto-complete maxResultsToShow="4" loadOnEmpty=true minLength="1" source="loadTags($query)"></auto-complete>
    </tags-input>
    <p>Model: {{tags}}</p>
</body>


模型：{{tags}}

有什么想法吗？

在angular中，您必须在html标记中使用破折号case，在JS代码中使用camelCase，它们会自动转换

<body ng-app="plunker" ng-controller="MainCtrl">
    <tags-input ng-model="tags" add-on-paste="true">
            <auto-complete maxResultsToShow="4" loadOnEmpty=true minLength="1" source="loadTags($query)"></auto-complete>
    </tags-input>
    <p>Model: {{tags}}</p>
</body>