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

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

我们有一个login当用户提交页面时，我们调用 Web api 并对用户进行身份验证，我们目前正在使用声明身份验证来设置 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我很困惑如何根据用户是否显示某些链接authenticated在一个.html page?

Use 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>

类似这样的东西会起作用，具体取决于您的要求。然而，由于这都是客户端，因此它不会像服务器端那样安全。所以要小心。