民间,
我有一个employeeelist.html页面,如下所示:
<h2>Employee List</h2>
<a href="#/employeelist/addemployee">Add New Employee</a>
<div ui-view></div>
<!-- This table displays all employees that I retrieve from the database -->
<table>
<tr ng-repeat="">
.....
</table>
当我点击“添加新员工”链接时,它会使用下面给出的ui-router设置将addemployee.html部分页面加载到上面的employeelist.html页面。
myApp.config(['$stateProvider',function($stateProvider){
$stateProvider.state('employeelist', {
url: '/employeelist',
templateUrl: 'partials/employeelist.html',
controller: 'EmployeeListCtrl'
});
$stateProvider.state('addemployee', {
parent: 'employeelist',
url: '/addemployee',
templateUrl: 'partials/addemployee.html',
controller: 'EmployeeAddCtrl'
});
现在,在我的addemployee.html页面中,当我点击提交按钮时,它会转到我的EmployeeAddCtrl,其中包含以下代码:
var jsonString = angular.toJson($scope.employee);
Employee.save(jsonString);
$location.path('/employeelist');
现在我的问题是,当页面重新路由回到employeelist.html时,它不会刷新我在那里的员工表。为什么新增员工不会在这里出现?