Angularjs 我可以使用ng click和ng if同时隐藏和显示两个不同的部分吗

我正在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>

添加
编辑
{一段代码}
{另一段代码}

我会设置一个变量，然后使用它在两个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为true，将显示顶部块，并且！or NOT运算符将隐藏第二个块（！true==false）。

它在某种程度上起作用，但它实际上只影响一个部分，因为它只引用一个部分。因此，你可以在按钮之间隐藏和显示其中一个部分，但在触发另一个按钮显示时不隐藏。我刚刚修复了第二个按钮/ng click中缺少的引号-不确定是否复制/粘贴了我的代码，但第二个按钮不起作用。是的，我做了一些修改，因为代码比我实际放置的代码复杂一些。不过你的基本方法奏效了。令人惊叹的谢谢很高兴你把问题解决了！干杯