Question

我目前正在开发一个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内构建此内容我对如何显示某些链接感到困惑，具体取决于用户是否{{1} 1}}在authenticated页面内？

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>

根据您的要求，这样的东西会起作用。因为这是所有客户端，所以它不会像服务器端那样安全。所以要小心。

隐藏或显示链接，具体取决于用户是否经过身份验证 - AngularJs

1 个答案: