可以在Angular JS中插入多個函數裏面的組件嗎？

Question

我有在角JS

app.component('phoneDetail', { 
    templateUrl: 'new.html', 
    controller: ['$http','$routeParams', 
     function PhoneDetailController($http,$routeParams) { 
     var valueX = this; 


     $http.get('http://angular.github.io/angular-phonecat/step-7/app/phones/'+ $routeParams.valueX + '.json').then(function(response){ 
      valueX.phone = response.data; 
     }); 
     }] 
}); 

我需要插入象的onclick（）

$scope.littleSize = false; 

$scope.toggleSize = function() { 
    $scope.littleSize = !$scope.littleSize; 

可以插入內部此組件上或我必須創建另一組件的另一功能的部件？ 謝謝。

Answer 1

您可以將任意多的功能放入控制器。您有責任以合理的方式將它們分開。

所以這是好的：

app.component('phoneDetail', { 
    templateUrl: 'new.html', 
    controller: ['$http','$routeParams', 
     function PhoneDetailController($http,$routeParams) { 
      var controller = this; 
      $http.get('http://angular.github.io/angular-phonecat/step-7/app/phones/'+ $routeParams.valueX + '.json').then(function(response){ 
      controller.phone = response.data; 
      }); 
      controller.onClick = function() { console.log("I am clicked"); } 
    }] 
}); 

new.html

<div> 
    <span>{{ $ctrl.phone }}</span> 
    <button ng-click="$ctrl.onClick()">Click me</button> 
</div> 

我希望我得到的問題的權利。