javascript - Passing data in between controller without help of url? -

-

i creating 2 page webapp using angularjs. json file is:

{     "data": [          { "name": "bhav", "id": 123             }, {"name": "bhavi", "id": 1234 }, {"name": "bhavk", "id": 1235 } ] }

my app.js(routing file is):

myapp = angular.module('myapp', ['slickcarousel',   'ngroute',   'myappcontrollers',     'myappservices','swipeli' ]);  myapp.config(['$routeprovider',   function($routeprovider) {      $routeprovider.       when('/', {         templateurl: 'partials/home-page.html',         controller: 'profilelistctrl',     }).     when('/profile/:typeofprofile', {         templateurl: 'partials/profile-detail.html',         controller: 'profiledetailctrl'       }) }]);

and 1st page(home-page.html) in given formate:

<div ng-repeat="data in data"> <a href="profile/myfriend">{{data.name}}</a> </div>

and on 2nd page(profile-details.html) want id number of profile considering using http.get request pull data json file in controllers.

so please me fetch id or name of clicked profile without passing through url .

note: through ui-route link: angular ui router passing data between states without url didnt that.

as stated in comments, want use $state.go() pass data.using $state.go() pass params pretty simple well. need inject ui.router in application. have created 2 partial views show passing of params params passed header.html side.html.

your js below:

var app = angular.module('nested', ['ui.router']); app.config(function($stateprovider,$locationprovider, $urlrouterprovider) {   $urlrouterprovider.otherwise("/");   $stateprovider.state('top', {       url: "",       templateurl: "header.html",       controller: 'topctrl'     })     .state('top.side', {       url: '/app/:obj/:name',       templateurl: "side.html",       controller: 'filterctrl'     }) });  app.controller('topctrl', function($scope,$state) {           $scope.goitem = function(){             $state.go('top.side',{obj:441,name:'alex'});           };       });   app.controller('filterctrl', function($scope,$state) {   console.log(json.stringify($state.params));   $scope.params = $state.params;       });

here working plunker find need regarding views, controller , script:

http://plnkr.co/edit/m1qeyrmncwtefd6ftc4t?p=preview

i have provided methods pass $stateparams using both ui-sref , $state.go(). however, if want share data among controllers. see answer in question:
share data in angularjs


Comments

Post a Comment

Popular posts from this blog

java - Run spring boot application error: Cannot instantiate interface org.springframework.context.ApplicationListener -

-
i have spring project , try make use spring boot , run @ embadded tomcat following : https://spring.io/guides/gs/rest-service/ this application //@configuration //@enableaspectjautoproxy @springbootapplication @componentscan(basepackages = "gux.prome") public class application { public static void main(string[] args) { springapplication.run(application.class, args); } } if use maven command: mvn spring-boot:run , project starts fine, need debug , run main method @ intelij, exception occurs: exception in thread "main" java.lang.illegalargumentexception: cannot instantiate interface org.springframework.context.applicationlistener : org.springframework.boot.logging.classpathloggingapplicationlistener @ org.springframework.boot.springapplication.createspringfactoriesinstances(springapplication.java:414) @ org.springframework.boot.springapplication.getspringfactoriesinstances(springapplication.java:394) @ org.springframework.bo...
Read more

reactjs - React router and this.props.children - how to pass state to this.props.children -

-
i'm using react-router first time , don't know how think in yet. here's how i'm loading components in nested routes. entry point .js reactdom.render( <router history={hashhistory} > <route path="/" component={app}> <route path="models" component={content}> </route> </router>, document.getelementbyid('app') ); app.js render: function() { return ( <div> <header /> {this.props.children} </div> ); } so child of app content component sent in. i'm using flux , app.js has state , listens changes, don't know how pass state down this.props.children. before using react-router app.js defines children explicitly, passing state natural don't see how now. using couple of react helper methods can add state, props , whatever else this.props.children render: function() { var children = react.ch...
Read more

Excel VBA "Microsoft Windows Common Controls 6.0 (SP6)" Location Changes -

-
i have excel workbook used generate quotations customers. there main page user inputs data, , there buttons generate various pdfs , send them customer. however, 1 user consistently getting error preventing generating , sending pdfs. i beleive "microsoft windows common controls 6.0 (sp6)". it's installed on users' computers. on mine, location "c:\windows\syswow64\mscomctl.ocx" on others "c:\windows\system32\mscomctl.ocx" the user experiencing issues on 32-bit machine, "mscomctl.ocx" file should in system32. have manually put in there, , pointed common controls reference in vba it. issue seems keep reverting looking in syswow64. since folder doesn't exist, can't find it, , can't produce pdfs. i thought perhaps issue user running older version of office (2007) there users on 2013 , 2016. thought perhaps mixture of 64-bit , 32-bit users. user gets sent workbook other users (as quotation process goes further, gets passed ...
Read more