Javascript 如何使用angular js 1在登录前和登录后页面上显示不同的导航栏

我有两个不同的导航栏文件。如果用户未登录，则应在登录前显示，如果用户已登录，则应在登录后显示。我如何做到这一点？ 我使用的是AngularJS

我使用下面的代码来显示.html文件

<div ng-if="loggedIn == false"> 
    <div ng-include src="'partials/before_login_navigation.html'"> </div>
</div>

<div ng-if="loggedIn == true">
    <div ng-include src="'partials/aftter_login_navigation.html'"> </div>
</div>

---

您使用的分区是否具有不同的控制器`

<div ng-if="loggedIn == false"> 
<div ng-include src="'partials/before_login_navigation.html'" ng-controller="your_controller"> </div>

或

---

使用一个ng include文件，然后在其中写入ng if条件。

您可以使用

ng show

<div ng-show="!loggedIn"> 
    <div ng-include src="'partials/before_login_navigation.html'"> </div>
</div>

<div ng-show="loggedIn">
    <div ng-include src="'partials/aftter_login_navigation.html'"> </div>
</div>

---

这是假设

loggedIn

变量已经声明（在您的控制器/应用程序中），并且默认情况下将设置为false，当用户成功登录时设置为true，当用户注销或用户注销时设置为false，显示如何包含导航HTML…错误是什么。控制器代码在哪里？