Question

在我的header.html页面中，我有这个按钮：

<button class="tabs-menu-btn" ng-click="toggle = !toggle" ng-class="{'open' : toggle}">
    <div></div>
</button>

在wrapper.html我有这个div：

<div class="tabs-toolbar" ng-class="{'open' : toggle}">
    <ul class="tabs">
        <li class="tab">
            <a ng-click="toggle = !toggle" ui-sref-active="selected" ui-sref="flows"><span>Flows</span></a>
        </li>
    </ul>
</div>

因此，当单击按钮时，我想切换按钮和div上的“打开”类 - 但是目前它只适用于按钮，如果我将'tabs-toolbar'移动到它工作的同一个html页面上。有人知道我做错了吗？

Answer 1

标头和包装器是两个不同范围的一部分。因此，当您单击切换时，它仅更改$ scope.header.toggle = false
示例示例：

$scope.header.toggle = true
$scope.wrapper.toggle = false // its not getting reflected because, this scope will not get effected with the action

解决方案
将两个变量作为同一个控制器的一部分或触发一个改变两个范围的函数

角度切换类在不同的模板上

1 个答案: