AngularJs：ng-model没有使用typeahead设置

Question

我正在尝试使用ng-model searchQuery访问输入字段值，但它没有设置。删除typehead和typeahead-editable后，工作正常。

<div class="col-md-3">
                    <div class="input-group" class="pull-right" style="margin: 10px">
                        <input type="text" name="input" class="form-control"
                            placeholder="Get quote..." ng-model="searchQuery"
                             ng-controller="TypeaheadController"
                             typeahead="script as script.symbol for script in getSymbols($viewValue)"
                             typeahead-editable="false"> 
                            Value - {{searchQuery}}
                            <span
                            class="input-group-btn"> <a class="btn btn-default"
                            type="button" data-toggle="modal" data-target="#search-popup"> 
                            <span
                                class="glyphicon glyphicon-chevron-down">
                                </span>
                              </a> 
                              <a class="btn btn-default" type="button"
                            ng-href="#/show-details/{{searchQuery}}"> <span
                                class="glyphicon glyphicon-search"></span>
                        </a>
                        </span>
                    </div>
                </div>

感谢您的帮助。

Answer 1

将您的ng-controller="TypeaheadController"语句移至父div，它将正常工作。