angularjs - 根据用户是否经过身份验证隐藏或显示链接 - AngularJs

Question

我目前正在开发一个 AngularJS 应用程序，我遇到了以下障碍。

当用户提交时，我们有一个 login 页面，我们调用一个 web api 并对用户进行身份验证，我们目前正在使用 claims 身份验证来设置 cookie 等，这按预期工作但是问题我有隐藏和显示链接取决于用户是否登录。当我在 MVC 中工作时，通过在 layout.cshtml 中执行以下操作，我很容易就能解决这个问题:

@if (User.Identity.IsAuthenticated)
{
  Show additional links to user once they're authenticated
}
else
{
  Show the standard links
}

现在，因为我使用的是纯 HTML(没有 Razor 文件)，但我是在 Visual Studio 中构建它的，所以我对如何显示某些链接感到困惑取决于用户是否在 .html 页面中通过了身份验证？

Answer 1

使用ng-if:

<div ng-if="user.identity.isAuthenticated">
    <a>Important link here</a>
</div>
<div ng-if="!user.identity.isAuthenticated">
    <a>Standard link here</a>
</div>

根据您的要求，这样的事情会起作用。然而，由于这都是客户端，因此它不会像在服务器端那样安全。所以要小心。