路由到angularjs

时间:2016-12-09 06:07:34

标签: angularjs angularjs-directive angular-ui-router

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

在第一页上,用户将选择要填写的员工数量,例如3.当用户点击下一步时,它将转到员工1,然后转到员工2旁边,依此类推。

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

欢迎任何建议。 谢谢, 阿什利

1 个答案:

答案 0 :(得分:0)

您可以使用表单创建一个状态,使用员工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