在angularjs中路由到指定数量的视图

Question

我正在使用AngularJS构建一个移动web应用程序。该应用程序将允许用户记录员工的工资和其他数字。

在第一个页面上，用户将选择要填充的员工数量，例如3。当用户单击下一步时，它将转到员工1，然后是员工2，依此类推。

问题是我有这些观点并不存在。我将创建一个augular指令，它将包含要为员工捕获的元素。而是如何路由到这些视图。它应该允许返回以及编辑任何员工。

欢迎任何建议。谢谢，艾希礼

Answer 1

您可以在表单中使用一个状态，在员工ID中使用另一个参数化状态。

$stateProvider .state('contacts.detail', 
{ 
    url: "/contacts/:contactId", 
    templateUrl: 'contacts.detail.html',
    controller: function ($stateParams) { 
       // If we got here from a url of /contacts/42
       expect($stateParams).toBe({contactId: "42"});
    }
})

您可以从一个员工编辑状态导航到下一个员工编辑状态。

更多信息/示例：https://github.com/angular-ui/ui-router/wiki/URL-Routing