在ng-view之外的指令模板中使用$ rootScope变量

时间:2016-01-11 22:31:02

标签: javascript angularjs

我正在尝试将条件类应用于位于ABOVE ng-view的导航栏指令模板。

这是index.html上的基本设置:

GROUP BY

导航栏模板如下:

  SELECT v.id  AS vid
    FROM visita v
    JOIN cliente c
      ON c.id = v.cliente_id
    JOIN rutacliente rc
      ON rc.cliente_id = c.id
    JOIN ruta r
      ON r.id = rc.ruta_id
    LEFT
    JOIN reporteproducto p
      ON p.visita_id = v.id
   WHERE p.id IS NULL
     AND v.fecha < '2016/1/9'
     AND r.id = 4565
     AND rc.ruta_id = 4565
   GROUP BY v.id

该指令正在利用$ rootScope触发事件以显示某些按钮,例如锁定按钮。我在控制器和$ rootScope之间传递'locked'变量,它一切正常。我现在唯一需要做的就是使用'锁定'变量来应用ng-class。

如果不将导航栏包裹在控制器中,有没有办法做到这一点?

感谢您的时间。

1 个答案:

答案 0 :(得分:1)

您可以将控制器用作$ rootScopte的语法:$root

    <button ng-click="toggleLock()" class="nav-bar-button lock-button">
        <span class="glyphicon glyphicon-lock" ng-class="{'locked' : $root.locked }"></span>
    </button>