Angularjs - 如何将两个不同的链接重定向到同一页面，但在angularjs

Question

如何在angularjs

中创建以下类型的UI

在菜单中有两个按钮：新用户和我的个人资料。

菜单位于header.html

新用户重定向到mypage.html

我的个人资料重定向到mypage.html

新用户和我的个人资料都具有相同的ui，他们都有姓名和性别文字。

如果用户点击newuser，则文本框应为空白，如果用户单击myprofile，则应显示用户详细信息并隐藏空白文本框。

我尝试实现这一点，但在刷新时会出现错误，点击我的个人资料以显示我的个人资料详细信息需要两次点击。

Answer 1

我的理解：

按照我的理解实施：

点击My Profile并param在路由路径中传递一些<a href="javascript:void(0)" ui-sref="myPage({action: 'newuser'})">New User</a> <a href="javascript:void(0)" ui-sref="myPage({action: 'myprofile'})">My Profile</a> ，这将定义您正在执行的操作。

Html：

.state('mypage', {
    url: '/mypage/:action',
    templateUrl: 'mypage.html',
    controller: 'myPageCtrl'
})

路由：

http://www.example.com/mypage/newuser (on `New User` icon click)
http://www.example.com/mypage/myprofile (on `My Profile` icon click)

路由后

网址：

$scope.userAction = $stateParam.action; // newuser or myprofile

myPageCtrl控制器：

ng-if

现在，您可以根据$scope.userAction值将{{1}}放入mypage.html。