angularjs - Angular ui router controlleras syntax not working -


i trying develop angular app using ui router, stuck trying controlleras syntax working correctly.

my stateprovider looks this

$stateprovider     .state('microsite', {       url: "/",       templateurl: "microsite.tmpl.html",       abstract: true     })     .state('microsite.home', {       url: "",       templateurl: "home.tmpl.html",       controller: 'micrositecontroller vm',       data: {         page_name: 'introduction'       }     })     .state('microsite.features', {       url: "/features",       templateurl: "features.tmpl.html",       controller: 'micrositecontroller vm',       data: {         page_name: 'features'       }     })     .state('microsite.about', {       url: "/about",       templateurl: "about.tmpl.html",       controller: 'micrositecontroller vm',       data: {         page_name: 'about'       }     });

as can see setup abstract default view, , 3 pages. have assigned data object page_name each page. feeds controller 

myapp.controller('micrositecontroller', ['$state', function($state) {   var vm = this;   vm.page_name = $state.current.data.page_name;   vm.sidenav_locked_open = false;    vm.togglesidenav = function() {     if ($mdmedia('gt-sm')) {       vm.sidenav_locked_open = !vm.sidenav_locked_open;     } else {       $mdsidenav('left').toggle();     }   } }]);

and delivers name page via vm.page_name variable. not happening. variable never makes page. have vm.togglesidenav function suppose open , close sidenav, never gets called.

the toolbar sidenav button this

<md-toolbar layout="row" class="md-whiteframe-glow-z1 site-content-toolbar"> <div class="md-toolbar-tools docs-toolbar-tools" tabindex="-1">     <md-button class="md-icon-button" ng-click="vm.togglesidenav()" aria-label="toggle menu">         xxx     </md-button>      <h1>{{vm.page_name}}</h1> </div> </md-toolbar>

here plnkr example http://plnkr.co/edit/na5zkf?p=preview

i looking me figure out last piece on how togglesidenav function called when click on xxx button, , how title display in toolbar.

from docs:

controller (optional) string function

controller fn should associated newly related scope or name of registered controller if passed string. optionally, controlleras may declared here.

 controller: "myregisteredcontroller"   controller:     "myregisteredcontroller fooctrl"   controller: function($scope, myservice) {     $scope.data = myservice.getdata(); }

-- ui router $stateprovider api reference.

according docs, controller declaration correct. 

controller: 'micrositecontroller vm'

you need problem elsewhere.

i have vm.togglesidenav function suppose open , close sidenav, never gets called.

vm.togglesidenav = function() {     if ($mdmedia('gt-sm')) {       vm.sidenav_locked_open = !vm.sidenav_locked_open;     } else {       $mdsidenav('left').toggle();     }   }

are $mdmedia , $mdsidenav declared on global name space? or did fail inject them? if $mdmedia('gt-sm') undefined, vm.sidenav_locked_open never toggled.

update

good catch on $mdmedia, did not fix problem. updated plnkr

using plnkr, modified template add button invoke togglesidenav function.

it invokes function error:

referenceerror: $mdmedia not defined @ vm.togglesidenav

the new plnkr

next update

ugg, got me again, put in $mddialog instead of $mdmedia. discovered needed $mdsidenav. fixed button works, xxx button still not.

the problem xxx button on root state, root state has no specified controller. change config put controller on root state.

  $stateprovider     .state('microsite', {       url: "/",       templateurl: "microsite.tmpl.html",       //put controller on root state       controller: 'micrositecontroller vm',       abstract: true     })

the newer plunkr.


Comments

Post a Comment

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

Image
i have page in each contest shown in row. each row contains contest id , link other model names have foreign key contest. news model: class news(models.model): title = models.charfield(max_length=50, null=true) description = models.textfield() time = models.timefield( default= datetime.datetime.now().time()) contest = models.foreignkey(contest) i want use admin adding , changing these models. want when user clicks on 'news' has foreign key contest id=1, shows list of news value foreign key. use {% instance in instances %} <tr class="{% cycle 'row1' 'row2' %}"> <td>{{ instance.title }}</td> <td>{{ instance.starttime }}</td> <td>{{ instance.timespan }}</td> <td>{{ instance.date }}</td> <td><a href="/adm...
Read more

css - Make div keyboard-scrollable in jQuery Mobile? -

from can tell, although jquery-mobile-powered pages can contain divs overflow set scroll or auto, , these divs can scrolled one-screen bar or mouse wheel, cannot scrolled using arrow keys, page-up/page-down, or home/end. instead, official "page" div (with data-role="page") absorbs input. perhaps other divs can't acquire focus, i'm not sure. is there way around this? edit: jsfiddle of simple example: https://jsfiddle.net/qogz0shx/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"> </script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"/> <style> #outer { overflow:scroll; height: 50vh; width: 50vw; } #inner { height: 500vh; width: 500vw; } ...
Read more

ruby on rails - Seeing duplicate requests handled with Unicorn -

recently upgraded our ec2 instances c3.large in order boost more unicorn workers handle increased traffic our site. (6xworkers per machine - 2 ec2 instances). when did this, started seeing duplicate records being created! looks somehow, maybe 2 unicorn workers attempting process same request? in nginx logs see 1 [post] request particular rails controller - yet 2 records being created in database. i'm hitting kind of race condition issue - have no idea how debug this. doesn't happen time, when it's frustrating well. noticed 2 database records within 5 seconds of each other. (and yes disable button when user clicks submit button). unicorn 4.8.2 ruby 1.9.3 rails 3.2.14 any great! thanks! although may not fix problem, upgrade ruby 2.0.0. there blog mentioning idea upgrade ruby 2.0.0 if using unicorn. for example: https://www.digitalocean.com/community/articles/how-to-optimize-unicorn-workers-in-a-ruby-on-rails-app specifically: if using ruby 1.9, ...
Read more