javascript - Angular, UI Router, Nested Navigation, and Tabs Issues -

-

i'm trying build navigation system using angular, ui-router, , tabs. pretty have working, having strange behavior.

there's top level navigation in form of navbar @ top. routing defaults 'dashboard'. @ same 'level' of 'dashboard' 'recordings'. inside 'recordings', there's secondary nav in form of tabs. 1 tab search form, other results set. when submitting form, should switch results tab. clicking on tabs should take corresponding view. , clicking on top level navigation (dashboard,logs) should take correct state.

issues include:

  • active state of tabs applies after clicking on tab twice. applies active
  • inconsistent behavior top level navigation. requires 2 clicks well

here's stripped down plunker of setup. plunker

routing

$urlrouterprovider.otherwise('/dashboard');  $stateprovider   .state('dashboard', {     url: '/dashboard',     views: {       'main': {         controller: 'dashboardctrl',         templateurl: 'dashboard.tpl.html'       }     }   })   .state('recordings', {     url: '/recordings',     views: {       'main': {         controller: 'recordingsctrl',         templateurl: 'recordings.tpl.html'       }     }   })   .state('recordings.search', {     abstract: true,     url: '/search',     views: {       'recordings': {         controller: 'searchctrl',         templateurl: 'search.tpl.html'       },       '': {         templateurl: 'searchcontent.tpl.html'       }     }   })   .state('recordings.search.form', {     url: '/form',     controller: 'searchctrl',     templateurl: 'form.tpl.html'   })   .state('recordings.search.results', {     url: '/results',     controller: 'resultsctrl',     templateurl: 'results.tpl.html'   });

tab code

$scope.tabs = [   {     heading: 'search',     state: 'recordings.search.form',     active: false   },   {     heading: 'results',     state: 'recordings.search.results',     active: false   } ]; $scope.go = function(route){     $state.go(route); };  $scope.active = function(route){     return $state.is(route); };  $scope.$on("$statechangesuccess", function() {     console.log('yay');     $scope.tabs.foreach(function(tab) {         tab.active = $scope.active(tab.route);     }); });

tab view

<tabset>   <tab     ng-repeat="t in tabs"     heading="{{t.heading}}"     ng-click="$state.go(t.state)"     active="t.active">   </tab> </tabset>


Comments

Post a Comment

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

-
i had following code works fine on localhost: $document = new domdocument(); $document->loadhtml($p_result); $form = $document->getelementsbytagname('form')->item(0); // code continues using $form variable after same code updated on outside server, loadhtml() failed , issued warning. warning: domdocument::loadhtml() expects parameter 1 valid path, string given in path/name/to/script.php returned null instead of object code pretty gets fatal error. note contents of $p_result absolutely same on outside server , on localhost. but why displays kind of warning , why not work? doesn't loadhtml() expects argument 1 string in first place? why method expects parameter 1 valid path ? just make clear i'm not calling loadhtmlfile() , i'm calling loadhtml() . thanks. you're affected one of php bugs . issue present in php 5.6.8 , 5.6.9. have affected php version on server, , bug-free version on localhost. the bug forbids null
Read more

python - How to create jsonb index using GIN on SQLAlchemy? -

-
here's current code creating index jsonb. index("mytable_data_idx_id_key", mytable.data['id'].astext, postgresql_using='gin') but got error. sqlalchemy.exc.programmingerror: (psycopg2.programmingerror) data type text has no default operator class access method "gin" hint: must specify operator class index or define default operator class data type. [sql: "create index event_data_idx_id_key on event using gin ((data ->> 'id'))"] is there way create index on sqlalchemy? the postgresql specific sqlalchemy docs @ http://docs.sqlalchemy.org/en/latest/dialects/postgresql.html#operator-classes mention postgresql_ops dictionary provide "operator class" used postgresql, , provide example illustrating use: index('my_index', my_table.c.id, my_table.c.data, postgresql_ops={ 'data': 'text_pattern_ops',
Read more

c# - TransactionScope not rolling back although no complete() is called -

-
i'm using transactionscope rollback transaction fail bool errorreported = false; action<importerrorlog> newerrorcallback = e => { errorreported = true; errorcallback(e); }; using (var transaction = new transactionscope()) { foreach (importtaskdefinition task in taskdefinition) { loader.load(streamfile, newerrorcallback, task.destinationtable, processingtaskid); } if (!errorreported) transaction.complete(); } i'm sure there no transactionscope started ahead or after code. i'm using entity framework insert in db. regardless state of errorreported transaction never rolled in case of error. what missing ? transactionscope sets transaction.current . that's does. wants transacted must @ property. i believe ef each time connection opened reason. probably, connection open when scope installed. open connection inside of scope or enlist manually. ef has nasty "design decision": default opens
Read more