在component方法上使用带有$scope的控制器时遇到问题

angular.module('myApp').component('myComponent', {
  bindings: {
    $scope: '<'
  },
  controller: function() {
    // 在控制器中可以通过this.$scope来访问$scope对象
  },
  template: '<div>{{ $ctrl.$scope.someData }}</div>'
});

angular.module('myApp').component('myComponent', {
  bindings: {
    $scope: '<'
  },
  controller: function($scope) {
    // 在控制器中可以直接使用$scope对象
  },
  template: '<div>{{ $ctrl.$scope.someData }}</div>'
});

angular.module('myApp').component('myComponent', {
  bindings: {
    $scope: '<'
  },
  controllerAs: '$ctrl',
  controller: function() {
    // 在控制器中可以通过this.$scope来访问$scope对象
  },
  template: '<div>{{ $ctrl.$scope.someData }}</div>'
});