我可以使用ng-ng与ng-if同时隐藏和显示两个不同部分

Question

我正在研究angularjs中的应用程序并尝试直接在DOM中执行某些操作。虽然我知道这不是最好的做法，但在这种情况下，这是非常实用的，因为我特意试图绕过控制器。我尝试用两个函数true和false钩住一个按钮进入ng-click，然后使用ng-if来显示和隐藏一个部分。两个功能，因为有两个部分。我想把它放到一个按钮被点击的地方，一个部分显示，另一个隐藏，反之亦然。它有点作品，但它永远不会隐藏在第一部分。此外，在某些尝试中，我得到了它的工作，但它不会默认加载任何一个元素。有任何想法吗？我的代码看起来是这样的：

<button class="add col-xs-6 col-sm-6 col-md-3 col-lg-3 add-btn" ng-model="showThis=true" ng-click="showMe=false; showThis=true">Add</button> 
<button class="edit col-xs-6 col-sm-6 col-md-3 col-lg-3 edit-btn" ng-click="showMe=true; showThis=false">Edit</button> 

<div ng-if="showThis"> 
    {A Section of Code} 
</div> 

<div ng-if="showME"> 
    {Another Section of Code} 
</div> 

Answer 1

我会成立一个单一的变量，然后用它来的两个div之间切换：

<button class="add col-xs-6 col-sm-6 col-md-3 col-lg-3 add-btn" ng-model="showMe=true" ng-click="showMe=false">Add</button> 
<button class="edit col-xs-6 col-sm-6 col-md-3 col-lg-3 edit-btn" ng-click="showMe=true">Edit</button> 

<div ng-if="showMe"> 
    {A Section of Code} 
</div> 

<div ng-if="!showMe"> 
    {Another Section of Code} 
</div> 

如果SHOWME是真实的，顶块将被显示， ！！否则NOT操作符会隐藏第二个块（！true == false）。