伙计们,
我有一个employeelist.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 时,它不会刷新我在那里的员工表。为什么它不刷新表格以便新添加的员工出现在这里?