javascript - 无法读取未定义的属性长度 - AngularJS

Question

我的一个变量抛出未定义，导致错误:

HTML:

<form ng-submit="search()">
   <div class="input-group col-md-6 typeahead-wrapper">
        <input type="text" ng-model="searchkeyword.keystring" class="typeahead">
        <span class="input-group-btn">
           <button class="btn btn-primary" id="goSearch" type="submit">
              <span class="glyphicon glyphicon-search"></span>
           </button>
        </span>
   </div>
</form>

这是 Controller 内部的函数:

$scope.search = function() {
        //alert($scope.searchkeyword.keystring);
     $http.get('myurl'+$scope.searchkeyword.keystring).then(sucesscalback,errorcalback);
        function sucesscalback(response)
        {
            //some code
        }
        function errorcalback(failure)
        {
            //some code
        }

我正在尝试实现预输入，它工作正常，但是当我将以下代码粘贴到 Controller 内时(在搜索功能之后/之前):

$scope.substringMatcher = function(strs) {
        return function findMatches(q, cb) {
            var matches, substrRegex;
            matches = [];
            substrRegex = new RegExp(q, 'i');
            $.each(strs, function(i, str) {
                if (substrRegex.test(str)) {
                    matches.push({ value: str });
                }
            });
            cb(matches);
        };
    };

           $scope.states = ['Connecticut', 'Delaware', 'Wisconsin', 'Wyoming'];
           var myTypeahead =  $('.typeahead').typeahead({
                hint: true,
                highlight: true,
                minLength: 1,
              },
              {
                name: 'states',
                displayKey: 'value',
                source: $scope.substringMatcher($scope.states)
              });

我的 key 字符串返回未定义:

$scope.searchkeyword.keystring

substringMatcher 对我来说是个问题。

感谢您的帮助。

Answer 1

通过将 substringMatcher 包裹在里面修复了问题:

$.noConflict();
    jQuery( document ).ready(function( $ ) {
      // My code for substringMatcher
}

来源here