2017-07-18 42 views
0

在我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的「開放」類 - 但它目前只適用於該按鈕時,如果我的「標籤,工具欄」移動到它的工作原理相同的HTML頁面。有誰知道我做錯了嗎?

+3

他們可能不共享相同的範圍對象,你的國家,他們在不同的模板/頁。一個快速的解決方法是使用'到處$ root.toggle',但你可能可能要重新考慮你的架構 – devqon

+0

你的問題不明確 –

+0

哪一部分無法明確@Sudharsan S 17 – Admamza

回答

0

報頭和封裝器是兩種不同的範圍的一部分。所以,當你點擊切換其正在改變只有$ scope.header.toggle =假
樣本示例:

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

解決方案
使這兩個變量作爲同一控制器的一部分或觸發其變化範圍兩者的功能