javascript - How do I handle interaction between the DOM and the Controller? -

-

I read (and tried to test) the angular application, I see it is a bad practice for a controller. Look at the DOM (for example).

I should be missing something big, because if the controller can not access DOM (like "regular" JavaScript calls like document.getElementsByClassName ), then I do not understand How to do a lot of things on which I think very basic.

Here's a simple and straightforward example, which has some problems that my app does:

  • I have an instruction that is just a red box (some styles , A division is applied), and uses ng-transcture, so I can call it my html file like & lt; Red-box & gt; Text that goes into the red box & lt; / Red-box & gt;
  • A button, when clicked, changes the color of all the red boxes in blue. Something like this will happen in my HTML file: & lt; Intput type = "button" value = "make them blue" ng-click = "makeThemBlue" />
  • In the makeThemBlue function of the controller, For all the divs I search by name of the class, and the class changes something else that makes them blue.

Now my real app is more complex that idea - with nested instructions Together many "boxes", which can be pulled around, and their position can be saved. The administrator reads all saved settings, and everything goes out according to how the user has saved it.

How can I do something like the above examples without getting the controller to Dome?

These are my main rules:

  1. / Code> - For concrete components and for dome manipulation.
  2. Services - Instructions, controllers, services, etc. should be used for business logic and saving status.
  3. Controller - A visual assistant should not have any business logic inside. Use a service for complex cases.

In your case, there should be a box director. .
Register your instruction for a noticeable service and click event.
When a click event occurs, the supervisor will notify all the registered directive instances that were clicked, and you should have your directive .


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