0

我正在使用 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>
4

1 回答 1

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)。

于 2017-07-25T19:54:06.237 回答