Угловой js [ng-Route] при отправке формы с использованием CodeIgniter - PullRequest
Новая
       20

Угловой js [ng-Route] при отправке формы с использованием CodeIgniter

0 голосов
/ 04 сентября 2018

У меня есть 2 разные вкладки, 1-я вкладка содержит форму, после чего после загрузки формы представление для следующих вкладок должно быть загружено, и управление должно перейти на следующую вкладку. как этого добиться используя кодовый указатель и угловой js?

У меня есть такие вкладки 

<li  id = "li1" >
<a href="#!PersonalDetails"  data-toggle="tab">Personal Details</a>
</li>
<li  id = "li2">
<a href="#!OtherDetails" data-toggle="tab">Other Details</a>
</li>

Вот код угловой маршрутизации JS 

<script>
    var app = angular.module('myApp',['ngRoute']);
    app.config(function($routeProvider){
        $routeProvider
        .when('/',{
            templateUrl : "<?php echo base_url("Welcome/loadpersonaldetails"); ?>", 
            controller:"myCtrl"
        })
        .when('/PersonalDetails',{
            templateUrl : "<?php echo base_url("Welcome/loadpersonaldetails"); ?>",
            controller:"myCtrl"
        })
        .when('/OtherDetails',{
            templateUrl : "<?php echo base_url("Welcome/loadotherdetails"); ?>",
            controller:"myCtrl"
        })
        .otherwise({
            template : "<h1>None</h1><p>Nothing has been selected</p>"
        });
    });
</script>

Вот моя форма на вкладке личных данных 

<form name="myForm"  action = "<?php echo base_url('welcome/submission/');?>" method="POST">    
<input type="text"  ng-model="firstname"  name="firstname"/>
<input type="text"  ng-model="lastname"  name="lastname"/>
<input type="submit" value="Submit"/>
</form>

При нажатии кнопки «Отправить» я хочу, чтобы загружалась вкладка «Другие детали» и элемент управления передавался на вкладку «Другие детали». 

 <h1>None</h1><p>Other details is now loaded</p>
...