angularjs - Angular: update ng-include on CRUD event -

-

In my index.html file there is a continuous sidebar that lists projects using ng-included. When a project is created, or updated. I would like to update the Sidebar with you I'm not sure which part of my code to provide, as it is expected that this is a fundamental question that is easy to answer, even though the solution has redeemed me

Edit: Looks like I'm almost there, but it does not seem to take the controller's property: 

  & lt; Div class = "col col-md-4" data-ng-controller = "project controller" data-ng-include src = "'{{sidebar url}}'" & gt; & Lt; / Div & gt;

In my project controller: 

  // Update existing project $ scope.update = function () {var project = $ scope.project; Project. $ Update (function () ($ location.path ('project /' + project._id); $ scope. $ Broadcast ('project updated');}, function (error repons) {$ scope.error = errorResponse.data .message;         }); }; $ Scope.sidebarUrl = 'module / project / view / list-projects.client.view.html'; $ Scope $ ("Project updated", function (event, args) {$ scope.sidebarUrl = null; $ scope.sidebarUrl = 'module / project / view / list-projects.clit.'html';});  
 
 This is where services are your friends. Should cover. 
 
  Function microd service ($ http, ...) {...} angular.module ('my-app'). Service ('microd service', microd service);  
 
 Now, there are several ways that you can implement the update. 
 
  Use  $ rootScope  and broadcast a message  is saying something has changed, and your sidebar controller will listen for that event ( Let's say you have it). 
 
  // Project (proj) inside your service function update {// Update Project $ Root Scope $ Transmission ('Project-Update', Fusion); } // MySidebarController ($ scope) inside your controller function {$ scope. $ On ('project-updated', function () {...}); } To avoid using  $ rootScope   
 
  Encapsulate the Eventing Argument within your service . Just keep your list of your callback and execute them. 
 
  // MySidebarController (myCrudService) inside your controller function {myCrudService.onProjectChanged (function () {...}); }  
 
  Expose the shared data of your service  which may be for the database. 
 
  // MySidebarController ($ scope, myCrudService) inside your controller function {$ scope.projects = myCrudService.projects; }  Personally, I try to avoid  $ scope  in my controllers, but it is okay to use it for the event. However, I can write some type of instructions which allows me to perform an expression, whenever an event is removed to avoid it. 
 
  & lt; My-event-binding event = 'project-updated' expression = 'sidebar.update project ()' />

Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr
Read more

javascript - data.match(var) not working it seems -

-
OK, I have this small block code, which is to scanned a number on the website, but for some reason There is a hip that it is not scanning at all. var regenges = / \ & lt; Span class = "currency-robux" data-to-"item-private-value-price" & gt; ([\ D,]) \ & LT; \ / Span \ & gt; /; Var ValueCiling = Data. Match (reggae); Value-song = number (value slicing location (",", "")); Is there anything wrong with that? This is related to the if statement if (value sling and lieutenant; = price watching) { < P> A function calls to move from there, but for some reason it does not seem to run at all. So I think the Regex is wrong but I'm not sure how. (There is a variable in PriceWinking , this is a snippet from the code.) On the website, I'm trying to remove it. & lt; Span class = "robux" data-plus = "item-privatesale-price" & gt; 115 & lt; / Span & gt; Keep in mind
Read more

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -

-
Before I continue to get a jQuery .each loop to wait for user input There is a problem in repeatedly repeating This is my code (I have commented on what I would like to do): & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "common_components.css" /> & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" href = "slider.css" & gt; & Lt ;? Php include_once 'common_components.php'; $ Query = $ dbh- & gt; Queries ("SELECT movies_dir FROM settings"); $ Line = $ query- & gt; Obtain (PDO :: FETCH_ASSOC); Date_default_timezone_set ('UTC'); Echo "& lt; title & gt; movie scanner & lt; / title & gt;"; ? & Gt; & Lt; Script src = "jquery.min.js" & gt; &am
Read more