javascript - Animate whole App with AngularJS, not talking about specific element -


i'm new angularjs, trying find best way (the angular way) of animating app, i've been reading th nganimate (i understant basic of how works) not i'm looking for, base case:

i have homepage (imagine google landing page brand logo + google image + input search , button, white background). when click search , results div of search moves upper righ, @ same time background fades revealing map covers whole page , shows markers according results. results shown in card container (material design card ui like), card appears if click on each result (from result card or marker). if change search term previous cards dissapear. additional actions make side columns revealed , change disposition of layout too.

my whole mess if define single controller each part of app, events in parts changes disposition of other parts of views related app, dont know how organize cases , animations related. hope made myself clear problem. sad part tutorials , guides i've found specific , limited animations of 1 controller of basic actions, show-hide ,add in repeaters, etc.

thanks lot.

maybe create dedicated service handle app animations state-machine flags??.

it sounds need main controller orchestrates communication between elements of app, in angular custom directives. custom directives can have own controllers execute animations on themselves.

directive controllers can incorporate other services/factories, may abstract repeated animation code.

directives: https://docs.angularjs.org/guide/directive

services: https://docs.angularjs.org/guide/services

hope helps!


Comments

Post a Comment

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

i'm running strange behavior powershell start-process call. here call: $process = start-process ` "c:\somepath\mybinary.exe" ` -passthru ` -credential $defaultcredential ` -wait ` -workingdirectory "c:\somepath" ` -loaduserprofile if ($process.exitcode -ne 0) { #do } this call return exit code - 1073741502 . after quick search, exit code seems related generic error when program not load required dll (aka. status_dll_init_failed ). when run without -credential $credential program runs correctly. in order isolate problem, manually launched some.exe in prompt target credential , runs smoothly. so problem seems come way start-process cmdlet launch process. i found potential solutions problem tried apply no luck : link , link . would have idea of what's going on here ? edit 1: run proc mon monitoring program activities when launched directly or via powershell script. problem seems occur when loading kernelbase
Read more

twig - Using Twigbridge in a Laravel 5.1 Package -

i'm trying create laravel 5.1 package uses twigbridge instead of .php views. can normal .php views display fine, when try make use of .twig templates i'm met error. possible use twigbridge templates when creating views laravel package or pretty stuck blade , php ? edit 1: loading twig template without extending works. it's when start using {% extends 'file' %} error comes out. i error error loading /virtual/laravel/packages/username/mypackage/src/views/sample.twig: template "templates.master" not defined () in "/virtual/laravel/packages/username/mypackage/src/views/sample.twig" @ line 1. my folders username |_ mypackage |_ src |_ controllers - samplecontroller.php |_ views |_ templates - master.twig - sample.twig twig template sample.twig {% extends 'templates.master' %} {% block content %} {{ parent()
Read more

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -

i have hashset's each stores t, have written test application compares different relation algorithms can think of, i'm not pleased results getting. does there exist more efficient ways of achieving object relations, once testing? using system; using system.collections.generic; using system.linq; using system.text; using system.threading.tasks; using system.diagnostics; namespace linqtests { class program { static void main(string[] args) { hashset<user> usertable = new hashset<user>(); hashset<userproperty> userpropertytable = new hashset<userproperty>(); #region lets create dummy data. console.writeline("please wait while creating dummy data, can take while..."); console.writeline(""); int rows = 1000000; for(int x = 0; x < rows; x++) { random rnd = new random(); // ad
Read more