angularjs - Angular.js autocomplete with $http.get TypeError: Cannot read property 'success' of undefined -
with code typeerror: cannot read property 'success' of undefined. i've tried .then instead of .success same error. after plus ten hours of googling i'm little bit desperate...
html:
<div ng-controller="search_interest" layout="column"> <md-chips ng-model="ctrl.selectedvegetables" md-autocomplete-snap md-require-match> <md-autocomplete md-selected-item="selecteditem" md-search-text="searchtext" md-items="item in getinterest(searchtext)" md-item-text="item.name" placeholder="search vegetable"> <span md-highlight-text="searchtext">{{item.name}} :: {{item.type}}</span> </md-autocomplete> <md-chip-template> <span> <strong>{{$chip.name}}</strong> <em>({{$chip.type}})</em> </span> </md-chip-template> </md-chips> </div>
and js:
var app = angular.module('autocomplete_app', ['ngmaterial']); app.controller('search_interest', function($scope, $http){ $scope.searchtext = ''; $scope.selecteditem = undefined; function getinterest($scope){ $http.get("someurl.php?query=" + $scope.searchtext) .success(function(data){ $scope.interest = data; console.log('data', json.stringify(data)); }); }; });
the problem wasn't http
call calls angular materials import done, can see in bellow image problem on angularjs-materials.js on line 10.
console image
you can @ version: i've add plunker in comment above.
i've changed bit header of html page. not working because can't call url requested on solution should work.
Comments
Post a Comment