Question

我希望除1之外的所有页面都有一个班级container

HTML：

<div class="container">
  <div ng-view=""></div>
</div>

我想在着陆页上删除该课程（当路线为/时）。什么是DRY方式，所以我仍然只能设置容器类一次？

我可以在控制器中按类名获取元素并将其删除，但我想知道是否有更好的方法。

Answer 1

你可以做到

<div ng-class="state.includes('/') ? '' : 'container' " >

并在 .run 块

中指定.state

$rootScope.state = $state;

Answer 2

您可以使用ngRoute检测路线何时为“/".

<div ng-class="{container: rootPath != true}">

您可以使用ng-class从登录页面中删除容器类。

.config(['$routeProvider', function($routeProvider){
    $routeProvider
        .when('/', {
            template: 'index.html',
            controller: ['$scope', function($scope){
                $scope.rootPath= true;
            }]
        })
        .when('/someOtherPage', {
            template: 'someOtherPage.html',
            controller: ['$scope', function($scope){
                $scope.rootPath= false;
            }]
        })
        .otherwise({redirectTo: '/'});
}]);

编辑，尝试这样：

FloatingActionButton

使用ng-view以编程方式删除`container`类

2 个答案: