AngularJS |控制器中条件初始化的更好方法

在我们当前的AngularJS应用程序中，我们有三个选项卡，三个不同的控制器用于绑定它们。

var myApp = angular.module('MyApp',[]);
myApp.controller('Tab1Ctrl', function(){
  // logic to initialize Tab1 
});
myApp.controller('Tab2Ctrl', function(){
  // logic to intialize Tab2
});
myApp.controller('Tab3Ctrl', function(){
   // logic to initialize Tab3
});

我们的意图是将这些控制器合并为一个控制器，但相应地初始化这3个选项卡。为此，我们在ui-router中使用resolve。特定选项卡所需的所有数据都加载在解析中，并且当前状态名称保存在MyService中。

myApp.config(function($stateProvider){
   $stateProvider.state('tab1', {
        url: '/tab1',
        controller: 'TabCtrl',
        templateUrl: 'tab1.html',
        resolve: {
            tabData: function(MyService) {
                MyService.setState('tab1');
                return MyService.getTab1Data();
            }
        }
    }).state('tab2', {
        url: '/tab2',
        controller: 'TabCtrl',
        templateUrl: 'tab2.html',
        resolve: {
            tabData: function(MyService) {
                MyService.setState('tab2');
                return MyService.getTab2Data();
            }
        }
    });
   });
  myApp.controller('TabCtrl', function($scope, MyService, tabData){
    /* Check for state name and initialize */
    if(MyService.getState() === 'tab1'){
      /* Use the data loaded in resolve and assign it to scope*/
      $scope.tab1Prop = tabData.prop1;
    }
    else if(MyService.getState() === 'tab2'){
      /* Use the data loaded in resolve and assign it to scope*/
      $scope.tab2Prop = tabData.prop2;
    }
  });

请注意，对于每个选项卡，我们需要在$scope上设置的属性是不同的。最后，我的问题是，有没有更好的方法在单个控制器中进行这种条件初始化？