如何在$stateProvider.state上创建我自己的属性

angular.module('myApp', ['ui.router'])
  .config(function($stateProvider, $urlRouterProvider) {
    $stateProvider
      .state('home', {
        url: '/home',
        templateUrl: 'home.html',
        controller: 'HomeController',
        // 自定义属性
        customProperty: {
          pageTitle: 'Welcome Home',
          requiresAuth: true
        }
      })
      .state('about', {
        url: '/about',
        templateUrl: 'about.html',
        controller: 'AboutController',
        // 另一个自定义属性
        customProperty: {
          pageTitle: 'About Us',
          requiresAuth: false
        }
      });

    $urlRouterProvider.otherwise('/home');
  })
  .controller('HomeController', function($scope, $state) {
    $scope.pageTitle = $state.current.customProperty.pageTitle;
  })
  .controller('AboutController', function($scope, $state) {
    $scope.pageTitle = $state.current.customProperty.pageTitle;
  });