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

У меня есть 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>