javascript - AngularJS Multi-Step Form Using UI-Router (With Navigation Links) -

-

I followed this tutorial to apply my own multi-step form:

here The problem works only if your page is only a form page and nothing else is currently an SPA that has four pages, one of which is the registration form.

  • Home
  • Registration
  • Mechanics
  • Rules & amp; Terms

    • My index.php 

      & lt; Div class = "container" & gt; & Lt; Div class = "container-liquid" & gt; & Lt; Div class = "navbar-header" & gt; & Lt; Class = "navbar-brand" ui-sref = "home" & gt; & Lt; Img src = "assets / img / logo.png" alt = "" & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; Nav class = "navbar navbar-default" role = "navigation" & gt; & Lt; Ul class = "nav navbar-nav home" & gt; & Lt; Li & gt; & Lt; A ui-sref = "home" & gt; Home & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A ui-sref = "registration" & gt; Registration & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A ui-sref = "mechanics" & gt; Mechanics & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A ui-sref = "Terms & Conditions" & gt; Rules & amp; Conditions & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Neo & gt; & Lt; / Div & gt; & Lt ;! - container-liquid - & gt; & Lt; Div ui-view = "" & gt; & Lt; / Div & gt; & Lt ;! - Load content through angular thoughts - & gt; & Lt; / Div & gt; & Lt ;! - Container - & gt;

    I am using a UI router to navigate through these pages. It works fine, I tried to use UI Router in the registration page with Navigated ideas, but apparently it does not behave as expected. I want to load the first nested view on the registration page, but it is not bound. Here are my nested views:

    • Registration-profile.php (should be the default view)
    • Registration-artist.fp (step 2)
    • Here is my state provider code mix (navigation and registration nested views): 

        spinnrApp.config (the last step)   
       Function ($ stateProvider, $ urlRouterProvider) {// // Set up now states $ state provider .state ('home', {url: "/", templateUrl: "app / components / home / home.php"}) .state ('registration', {url: "/ registration", templateUrl: "app / components / registration / Registration.php ", Controller:" Registry "}) .state ('registration.profile', {// nested status registration form for url:" / profile ", // url nested / registration / artist template url: App / component / registration / partial / registration-profile.fp "}) .state ('registration.artist', {// nested state for registration form URL:" / artist ", // URL nested / registration / artist template Url will be: "app / component / registration / partial / registration-artist.fip"}) .state ('registrati On.share ', {// Each nested state will have its own URL: "/ share", // url nested / registration / share template url will be: "app / components / registration / partial / registration-share.fp "}) .state ('mechanics', {url:" / ("Terms & Conditions', {url:" / terms-conditions ", templateUrl:" App / Component / Conditions / Terms-conditions. ") Php"}); // // For any mismatch url, redirect / otherwise redirect to / $ urlRouterProvider ("/"); });

      This is what registration.php looks like:

      For some reason, 'ui-view' is not bound with registration-profiles.php, which should be the default view after viewing the page. What does this issue look like? Am I doing something wrong, I do not know? I am currently only learning AngularJS, BTW.

      Scotch Design has provided a plug of code based on your code o,

      < Pre> $ urlRouterProvider.otherwise ('/ form / registration'); In addition to this, the default view is one that is set with '/', that means 'home' state, if you want 'registration' view before you can or So: change the 'Home' to the URL 'Home', and set a 'StateAjine' service call $ state on the basis of 'demand', or '/' registration URL.


    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