在用户使用angularjs登录后显示隐藏元素

我对angularjs和jquery mobile相对较新。我被要求为下一个项目研究这些框架，因此我试图实现某些功能。我创建了一个首页，其中隐藏了一个元素，该页面将首先显示。然后单击登录，用户将重定向到登录页面，他提供用户名密码登录。然后他将被重定向到同一首页，但我希望隐藏的元素可见。你能帮我吗？我的元素总是隐藏的，我无法找出我做错了什么。带有hi welcome user文本的标签在登录后必须可见

这是我的html首页

 <div data-role="page"  id="panel-responsive-page1" data-title="Panel responsive page" data-url="panel-responsive-page1">
 <div role="main" class="ui-content">
                /**some content **/
            <div class="ui-grid-solo" ng-controller="LoginCtrl"  >
                <p ng-hide="userWelcome">Hi welcome User </p>
            </div>
        </div>
    <div data-role="panel"  id="nav-panel">
            <ul data-role="listview">
                <li><a href="#login-form">Login</a></li>
                <li><a href="#">Register</a></li>
            </ul>
        </div>
     </div>

我可能使用了错误的控制器，或者可能使用了错误的ng hide..请帮助，我无法理解它

<div ng-show="element.show">
  <!--codes-->  
</div> 

这将显示该元素是否存在于控制器中，否则将显示它 我会躲起来的

你可以用这个，所以当你点击按钮时 是好的，用户被记录在日志中，创建元素，然后让 类控制器为您完成这项工作

---

我使用toggleclass实现了该功能 我在控制器中添加了以下代码：

 $(".userWelcome").toggleClass("show");

这在我的HTML中

<div class="ui-grid-solo hide userWelcome backgroundColorPink " >
     <p class="alignMiddle ">Hi welcome {{userDetails.name}} </p>
</div>

欢迎光临{{userDetails.name}

---

我能够得到想要的结果。如果其他人有任何其他方法来实现这一点，请建议

//code

1-这将显示控制器中是否存在元素，否则它将保持隐藏2-您可以使用此，因此，当你点击按钮时，如果一切正常，并且用户已登录，你可以创建元素，然后让类控制器为你完成工作。你可以告诉我如何在控制器中引用此项吗？谢谢你的回答

 $(".userWelcome").toggleClass("show");

<div class="ui-grid-solo hide userWelcome backgroundColorPink " >
     <p class="alignMiddle ">Hi welcome {{userDetails.name}} </p>
</div>