angularjs - ng-model 不适用于预先输入

Question

我正在使用 angular 的 typeahead，并且在使用 ngModel 时遇到了麻烦。

这是我的预先输入的 html

<input
    type= "text"
    ng-model= "symbol"
    placeholder= "begin typing"
    typeahead= "hit.message for hit in getTypeAheadContents($viewValue)"
    typeahead-loading= "loadingSymbols"
    typeahead-editable= "false"
    typeahead-on-select= "onSelect($item, $model, $label)"
    typeahead-min-length= 2
    typeahead-wait-ms= 500
    class= "form-control" 
/>

<input ng-click= "search()" value= "Search!"/>

这是我的 Controller 中的代码(目前非常基本)

$scope.search = function(){
    alert($scope.symbol);
}

现在，自动完成代码按预期工作，但是当我单击搜索按钮时，我收到警报消息“未定义”

更奇怪的是我尝试设置

 $scope.symbol = "";

在我的 Controller 的开头，当我点击搜索按钮而没有在我的预先输入中输入任何内容时，我得到了空字符串的提醒，正如预期的那样。但是，当我在预先输入的内容中输入内容并再次点击搜索时，我再次返回“未定义”。很明显，angular 的 typeahead 与 ng-model 配合得不是很好，但我不知道在这里做什么。

建议？

Answer 1

刚设置typeahead-editable="true" :-)