Embedding AngularJS view -

-

i have angularjs application believe pretty typical (alike many of examples).

<html ng-app="myapp" ... <body> ...     <div class="main" ng-view></div>     ...

there's $routeprovider i've set whole lot of whens direct users view (template partial controller), such as:

$routeprovider.when('/incident/:identifier', {templateurl:'incident.html', controller:"incidentctrl"});

this working fine. users can go , forth between views.

now, let's have view "incident". has form properties of "incident". (you can change values in form , "save", besides point here.) have following requirements:

  1. "add work order" button below existing form
  2. when button clicked, form (partial) loaded below existing form enter details new "work order"
  3. "save" button part of loaded form (partial) save new "work order"
  4. the form (partial) closed, unloaded or @ least visually removed
  5. possibly go 2. repeat (to add subsequent "work orders")

for form loaded below existing form reuse existing template partial subsequent controller, i'm using top-level ng-view elsewhere. i've gone down few roads implement @ no avail; ng-include seems not work, pretty static , not allow of lifecycle on embedded element. also, seems hard load dynamically, means it's gonna loaded before "add work order" button ever clicked. point me workable strategy? goal promote reuse of existing template partial , controller, without having user move between views. appreciated.

edit: elaborating: i'm not happy (yet) ng-include ideas i've seen far, since:

  • there bunch of them if had more single kind of view embed. loaded ahead of being shown no reason; overkill
  • i not know how parameterize embedded views in same way can pass $routeparams $routeprovider
  • i uncomfortable of sharing between parent , child scopes
  • i have no way cleanly recreate controller subsequent "adds"

i try address concerns ng-include

there bunch of them if had more single kind of view embed. loaded ahead of being shown no reason; overkill

ng-if can here. directive not load dom till condition becomes true. , destroys dom when condition becomes false. like

    <div ng-if='conditionwhenthepartialshouldbeshown'>       <ng-include src='templatename'  ng-init='model=parent.someproperty'/>     </div>

i not know how parameterize embedded views in same way can pass $routeparams $routeprovider

you can use ng-init passing parameters when view loaded. check documentation

i uncomfortable of sharing between parent , child scopes

ng-init can here again. can create property on child scope , pass parent scope value in ng-init

i have no way cleanly recreate controller subsequent "adds"

ng-if you.


Comments

Post a Comment

Popular posts from this blog

c# - How Configure Devart dotConnect for SQLite Code First? -

-
can configure following sample code ? when run following code, error : no entity framework provider found ado.net provider invariant name 'devart.data.sqlite' setting in machine.config <system.data> <dbproviderfactories> <add name="dotconnect sqlite" invariant="devart.data.sqlite" description="devart dotconnect sqlite" type="devart.data.sqlite.sqliteproviderfactory, devart.data.sqlite, version=4.6.287.0, culture=neutral, publickeytoken=09af7300eec23701" /> </dbproviderfactories> </system.data> after add below block code in app.config <?xml version="1.0"?> <configuration>   <configsections> <!-- more information on entity framework configuration, visit http://go.microsoft.com/fwlink/?linkid=237468 --> <section name="entityframework" type="system.data.entity.internal.configfile.entityframeworksection, entit...
Read more

java - Copying object fields -

-
what best way of copying classes when need have 2 independent variables? have simple class: public class myclass { boolean = false; string b= "not empty"; } do need make method : assign(myclass data ) { a= data.a; b= data.b; } is there automatic method copy (duplicate) objects in java? do need make method : pretty close. instead of making method, should make constructor. such constructors called copy constructor , , create them this: myclass(myclass data) { = data.a; b = data.b; } and create copy of instance, use constructor this: myclass obj1 = new myclass(); myclass obj2 = new myclass(obj1); copy constructor can tedious : using copy constructor create deep-copy can tedious, when class has mutable fields. in case, assignment create copy of reference, , not object itself. have create copy of fields (if want deep copy). can go recursive. a better way create deep copy serialize , deserialize object. why not use clone()? ...
Read more

c++ - Clear the memory after returning a vector in a function -

-
i have function processes , stores lot of data in , returns results vector of class. amount of data stored in function tremendous , want clear storage memory of function after finished job. necessary (does function automatically clear memory) or should clear memory function? update: vector<customers> process(char* const *filename, vector<int> id) { vector<customers> list_of_customers; (perform actions) return list_of_customers; } variables defined locally within function automatically released @ end of function scope. destructors objects called, should free memory allocated objects (if objects coded correctly). example of such object std::vector . anything you've allocated new must have corresponding delete release storage. try avoid doing own allocation , use raii instead, i.e. containers or smart pointers.
Read more