Angular：模板根据javascript值而变化

Question

我正在构建一个角度应用程序，模板根据ngscope的不同而变化，如下面的示例所示。

<label class="btn btn-default">
  <input id="cacher" value="settings" type="radio" data-ng-model="user.status">Settings
</input>
</label> 

这里我正在调用我的html模板userPageSettings

<div id="wrapper" ng-switch="user.status">
    <div ng-switch-when="settings">
        <user-page-settings></user-page-settings>
      </div>
</div>

麻烦的是，我正试图通过导航栏中的下拉菜单访问模板（以及正确的路线），这应该与我的普通菜单完全相同。但是，如果我只是从导航栏中调用模板，它们将显示在当前页面上，因此路径不正确。

在我的导航栏代码中，我正在执行以下操作，这会将我带回正确的路线，但显示我的默认模板（也称为主页，此处未显示，但通过相同的方法调用并且编号为6）

<li role="menuitem"><a href="/user/:username/1">Settings</a></li>

数字“1”（以及其他使用2,3等）在我的javascript中进行哈希并放入变量中。我想根据这些数字显示我的模板。

任何想法如何？ :)谢谢!!