Javascript 通过控制器AngularJS在父视图中更改类

我是个新手，如果有人能提供以下建议，我将不胜感激

我有两种观点，家长观点和部分观点：

var app = angular.module('appModule', ['ui.router']);
app.config(function($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/category");
    $stateProvider
        .state('category', {
            url: '/category',
            templateUrl: 'category.html',
            controller: 'categoryController as catCtrl'
        })

        .state('category.categoryDetail', {
            url:'/:id',
            templateUrl: 'categoryDetail.html',
            controller: 'categoryDetailController as catDetailCtrl'
        })
});

还有两个控制器，在第二个控制器中，我试图更改父视图中DOM元素的类：

app.controller("categoryController", function($scope, $http)
{
     $scope.smallItem= "item-bg"; //this is working only for the first time
}
app.controller("categoryDetailController", function($scope,$http, $stateParams)
{  
    $scope.$parent.smallItem= "item-sm";
}

在我的父视图

category.html

中，我有一个具有可变类的DOM，并链接到

categorydeail.html

：

<div class="category-item" ng-class="smallItem"> 
<a ui-sref=".categoryDetail({id:category.id})" >

---

问题是，当我返回到

category.html

时，我的类没有变回

item bg

，它仍然是

item sm

。我应该更新父视图的路由或范围吗

您需要刷新父级的状态。请参阅问题。谢谢，它可以工作，但有没有不重新加载的方法？