Javascript ng单击-更改提交表单上的选项卡

我有一个平均堆栈应用程序，其中有一个用于导航的左面板。其中一个选项卡有一个表单，在我提交表单后，我调用了一个函数，成功完成后，该函数有一个

$state.go（'secured.dashboard'）将其重定向到另一个选项卡
（仪表板）
。这可以正常工作，但在左侧面板上，上一个选项卡<代码>（申请表选项卡）

仍高亮显示为活动。但是，单击选项卡时，活动菜单会正确高亮显示

因此，问题是当我单击submit时，它会重定向到另一个选项卡

（dashboard）

，但在左侧导航面板上，其他一些选项卡

（申请表）

会高亮显示，尽管我更改了变量

$scope.selectedMenu=“dashboard”。我已经从文件中添加了相关的代码片段：

标题模板.html







dashboard.js

（函数（）{
var app=angular.module（'dashboard'，[]）；
app.config（['$stateProvider'，函数（$stateProvider）{
$stateProvider.state（'secured.dashboard'{
url:“/dashboard”，
控制器：“仪表板控制器”，
templateUrl:“/views/dashboard.html”
});
}]);
app.controller（'DashboardController'，['$scope'，'AuthService'，'user'，'$state'，'$http'，函数（$scope，AuthService，user，$state，$http）{
log（“是的，控制器在这里”）；
$scope.user=用户；
AuthService.setUser（用户）；
$scope.applicationShow={}；
$scope.logout=函数（）{
AuthService.logout（）.then（函数（））{
$scope.user=null；
$state.go（“无担保”）；
})
}

applicationForm.js

（函数（）{
var app=angular.module（'applicationForm'，[]）；
app.config（['$stateProvider'，函数（$stateProvider）{
$stateProvider.state（'secured.applicationForm'{
url:“/applicationForm”，
控制器：“applicationFormController”，
templateUrl:“/views/applicationForm.html”，
参数：{
obj:null
}
});
}]);
app.controller（'applicationFormController'、['$http'、'$scope'、'$state'、'$uibModal'，函数（$http、$scope、$state、$uibModal）{
console.log（$state.params.obj）；
如果（$state.params.obj==null）{
$scope.application={
技术：错，
业务：虚假
};
}否则{
$scope.application=$state.params.obj；
}
log（“我最终是应用程序”）；
log（$scope.application）；
$scope.submitApplication=function（）{
$scope.submitted=true；
console.log（“提交调用”）；
log（$scope.application.title）；
log（$scope.user.email）；
log（“是的，我在这里！”）；
log（$scope.application.userEmail）；
$scope.application.state=“已提交”；
$scope.application.heriarchy=$scope.managerjson[$scope.application.managerName].senior；
log（$scope.application.heirarchy）；
var检查=0；
$http.get（'/application/applicationlistNum/'）。然后（函数（响应）{
$scope.application.number=response.data.value.sequence\u值；
log（$scope.application.number）；
对于（变量i=0，len=$scope.applicationList.length；i

applicationForm.html


提交
拯救
applicationForm.js中的
将
$scope.selectedMenue='dashboard'
更改为

 $scope.selectedMenu = {name : "dashboard"};

在您的标题模板中

 <ul class="nav" id="main-menu">
  <li>
    <a id="page1" ng-class='{"active-menu": selectedMenu.name == "dashboard"}' ui-sref="secured.dashboard" ng-click='selectedMenu.name= "dashboard"'><i class="fa fa-dashboard "></i>Dashboard</a>
  </li>
  <li>
    <a id="page2" ng-class='{"active-menu": selectedMenu.name== "applicationForm"}' ui-sref="secured.applicationForm" ng-click='selectedMenu.name= "applicationForm"'><i class="fa fa-handshake-o "></i>Application Forms</a>
  </li>
  <li>
    <a id="page3" ng-class='{"active-menu": selectedMenu.name== "adminprofile"}' ui-sref="secured.adminprofile" ng-click='selectedMenu.name= "adminprofile"' ng-show="adminUserTrue"><i class="fa fa-user-secret"></i>Administrator</a>

  </li>
  <li>
    <a id="page4" ng-class='{"active-menu": selectedMenu.name== "managerProfile"}' ui-sref="secured.managerProfile" ng-click='selectedMenu.name= "managerProfile"' ng-show="isManager"><i class="fa fa-user-secret"></i>Manager</a>

  </li>
  <li>
    <a ng-class='{"active-menu": selectedMenu.name== "logout"}' href="" ng-click="logout()" ng-click='selectedMenu.name= "logout"'><i class="fa fa-sign-out fa-fw"></i> Logout</a>
  </li>


</ul>





感谢您的回复和时间：）你能解释一下为什么这会有不同吗？另外，我试过了，它确实删除了前一个选项卡的突出显示，但没有突出显示当前选项卡，但单击该选项卡确实突出显示了它。这是因为简单变量不像angularJs中的
对象
follow那样遵循绑定。当你更新变量的值时ble（声明为独立的），更改其值不会