在控制器外部的角度更改css类

Question

我试图使angularjs应用程序响应并且难以在状态更改的不同控制器内更改与其他控制器关联的css类名称。这怎么可能？欢迎所有建议！

具体地：

我的网站结构最多可显示4列。每列都有不同的ui-router-state，模板和控制器。根据路由状态或可查看的其他列的数量，与其他列关联的css类名称＆＃39; div需要改变。我正在寻找一种从列的路由状态控制器中更改类名4-col的方法。 （每列都是其前一列的子项。）

示例：4列

<div class="wrap 4-col"
  <nav role="navigation">1st Column</nav>
  <main role="site">
    <article role="list">2nd Column</article>
    <article role="list">3rd Column</article>
    <article role="main">4th Column</article>
  </main>
</div>

示例：3列

<div class="wrap 3-col"
  <nav role="navigation">1st Column</nav>
  <main role="site">
    <article role="list">2nd Column</article>
    <article role="list">3rd Column</article>
  </main>
</div>