angularjs - General approach of left side menu that loads different content in a center of the page -


i've started learn angualrjs but... need application design hints. of course i'm not asking layout ... how design application , it's controllers in proper way. have left sidebar menu loaded web using json. needs controller. that's fine. works me. there's content box in center of page loads data dynamically. in opinion requires controller.

and comes solution, somehow doesn't imho. when click menu item in sidebar i'm loading content. i'm passing data service emits event afterwards second controller (which ressponsible controlling content in center of page). when receives event gets loaded data service , displays it. works.... ... i'm pretty sure that's not proper way of doing this.

i grateful hints. angular has poor documentation , tutorial :(

cheers

edit:

ok. that's basic application using jquery:

http://greatanubis-motoscore.rhcloud.com/index

and that's same application i'm converting angualr:

http://greatanubis-motoscore.rhcloud.com/angular/index

no worries, text in polish but... think doesn't matter ;)

note angular version: @ moment content html load json data other controllers.

i go doing angular ui-router. ui-router can achieve in couple of ways. can use nested routing have base state (your sidebar menu, header etc.) act shell page, can have own controller well. define each of other views child states of base state. these child states can have own controller/views well, sitting inside base state (both visually, , inherit $scope properties of base state) optionally can have separated urls themselves, don't have to, can change states without changing url, leaving url bit empty when define different states in $stateprovider configs. way use multiple named views feature.


Comments

Post a Comment

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

request animation frame stops working when exiting fullscreen clicking on original space's safari window. fine if fullscreen mode canceled escape key or calling cancelfullscreen(). steps reproduce: open https://dl.dropboxusercontent.com/u/769042/prezi/safari-fullscreen.html click "draw raf", kittie appears click "fullscreen", go fullscreen click "draw raf", kittie appears go space original safari was, showing "click exit fullscreen mode", click anywhere, out fullscreen click "draw raf", nothing happens what handling click calling: window.requestanimationframe(draw); which draws on canvas context: function draw() { ctx.drawimage(img, math.random()*500|0, math.random()*400|0, 100, 100); } i checked .hidden , .visibilitystate, updated correctly. tested on osx 10.9.3, safari 7.0.4 (9537.76.4). has workaround/solution other switching old settimeout? this sounds webkit bug 88940 : using reque...
Read more

Python ctypes access violation with const pointer arguments -

i have api i'm trying wrap in python (2.7.6 on win7) code using ctypes. here's api: client_dllfunc bool clientapi search_exporttoclipcopy(clienthsearch handle, int channel, lpctstr filename, const time_t& from, const time_t& to, const bool* cameras, int length, bool usepassword, lpctstr password, bool includetextin = false, bool excludeplayer = false); the issue i'm having cameras argument; , i've had issue other const pointer arguments well. here's how i'm wrapping api: def search_exporttoclipcopy(self, hsearch, csearch, filename, tfrom, tto, cameras, length, usepassword, password, includetextin=true, excludeplayer=false): exporttoclipcopy = self.sdkdll.search_exporttoclipcopy exporttoclipcopy.argtypes = [c_int, c_int, c_wchar_p, c_long, c_long, pointer(c_bool), c_int, c_bool, c_wchar_p, c_bool, c_bool] exporttoclipcopy.restype = c_bool exporttoclipcopy(hsearch, csearch, filename, tfrom, tto, cameras, length, usepassword, pass...
Read more

jquery - Keeping Kendo Datepicker in min/max range -

when user types type in date outside of range, we're trying ensure date gets changed closest min/max. text displayed in date picker not change though thought script changing value() @(html.kendo() .datepickerfor(x => x.dob) .max(new datetime(datetime.now.addyears(-18).year, datetime.now.addyears(-18).month, datetime.now.addyears(-18).day)) .min(new datetime(datetime.now.addyears(-70).year, datetime.now.addyears(-70).month, datetime.now.addyears(-70).day)) .events(e=>e.change("ondobchange")) .htmlattributes(new { required = "required", ng_model = "model.dob" })) <p ng-show="validatestate.submitted && frmmain.dob.$invalid" class="help-block">please select</p> <script> function ondobchange(e) { var d...
Read more