javascript - How to use $state.go on ng-submit -

-

i have search form on results page small search app built using angularjs , elasticsearch. started using ui-router ngroute , need figure out how use $state.go() on ng-submit button search form return results on results page.

ui router config

$stateprovider .state('search', {   url: '/',   views: {     '': {templateurl: 'templates/search.html'},//parent view     'navbar@search': {templateurl: 'templates/navbar.html', controller: 'typeaheadctrl'},     'searchdisplay@search': {templateurl: 'templates/results.html', controller: 'typeaheadctrl'},     'pagination@search': {templateurl: 'templates/pagination.html', controller: 'typeaheadctrl'}   } })

search form

<form ng-submit="search()" class="navbar-form" id="global-search" role="search">         <div class="input-group">             <input type="text" name="q" ng-model="searchterms" class="form-control input-md" placeholder="search" id="search-input" uib-typeahead="query query in getsuggestions($viewvalue)" typeahead-on-select="search($item)" autofocus>             <div class="input-group-btn">                 <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button>             </div>         </div>         </form>

my ng-submit calls search() looks after added $state.go()

$scope.search = function() { resetresults(); $scope.filters.selectedfilters = [];  var searchterms = $scope.searchterms;  if (searchterms) {   $scope.results.searchterms = searchterms; } else {   return; }  $state.go('/search', {term: $scope.searchterms});  getresults();//uses service results data search server

};

this results in error: error: not resolve '/search' state 'search' @ object.y.transitionto

have no idea that, still getting head around ui-router. trying figure out best method use ng-submit send search query. suggestions?

you shall write state name in state.go instead of url:

$state.go('search', {term: $scope.searchterms});

and add query parameters expect:

$stateprovider   .state('search', {     url: '/?term', ...

Comments

Post a Comment

Popular posts from this blog

Delphi XE2 Indy10 udp client-server interchange using SendBuffer-ReceiveBuffer -

-
i use delphi xe2 , indy10 udp protocol. can't receive server echo on client side if use receivebuffer method. got "socket error # 10040" although send small echo message server client. console application illustrate problem below. in advance. program project1; {$apptype console} {$r *.res} uses system.sysutils, idglobal, idbasecomponent, idcomponent, idsockethandle, idudpclient, idudpserver, idudpbase, idstack; type tudp_serv = class(tidudpserver) procedure udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); end; var udpserver: tudp_serv; udpcl: tidudpclient; bsnd, brcv: tbytes; s: string; k: integer; //============================================================================== procedure tudp_serv.udpsvudpread(athread: tidudplistenerthread; adata: tidbytes; abinding: tidsockethandle); begin writeln(' server read: ' + tohex(adata, length(adata))); abinding sendto(peerip, peerport, adat...
Read more

Qt ActiveX WMI QAxBase::dynamicCallHelper: ItemIndex(int): No such property in -

-
i new windows programming. here goes code objiwbemlocator = new qaxobject("wbemscripting.swbemlocator"); objwmiservice = objiwbemlocator->querysubobject("connectserver(qstring&,qstring&)",qstring("."),qstring("root\\cimv2")); qaxobject* returnlist = objwmiservice->querysubobject("execquery(qstring&)", qstring("select * %1").arg(domain)); qaxobject* result = returnlist->querysubobject("itemindex(int)", 0); i getting error on runtime qt activex wmi qaxbase::dynamiccallhelper: itemindex(int): no such property in but itemindex method exists msdn says the itemindex method not work collections not contain swbemobjects, such swbemmethodset, swbemnamedvalueset, swbemprivilegeset, swbempropertyset, , swbemqualifierset. what selecting ? have tried iterating on collection ? plus need minimum windows vista itemindex method. hope helps
Read more

Enable autocomplete or intellisense in Atom editor for PHP -

-
i'm first time user of atom editor php code. atom can autocomplete built-in functions of php. possible make editor autocomplete custom function written in separate file? function.php <?php function printsomething() { echo "hello world"; } index.php <?php require_once "function.php"; printsomething(); // autocompleted atom editor while typing thanks in advance. there text file in %userprofile%.atom called snippets.cson. in there can add snippet. more this: http://flight-manual.atom.io/using-atom/sections/snippets/ but need think can use later on other files well. otherwise need copy , paste.
Read more