如何對 AngularJS 控制器中的事件做出反應

Question

來自官方網站： https : //docs.angularjs.org/guide/controller

向作用域對象添加行為 為了對事件做出反應或在視圖中執行計算，我們必須向作用域提供行為。 我們通過將方法附加到 $scope 對象來向作用域添加行為。 然后可以從模板/視圖調用這些方法。

問題 1. 在控制器中哪些事件以及如何反應？ 2. 我可以在控制器中進行復雜而冗長的計算嗎？

Answer 1

1.控制器中哪些事件以及如何反應？

對於事件，簡單的交互意味着涉及一些數據操作。

例如，您可以擁有以下控制器：

<div ng-controller="SampleController">

    <p>{{ number }}</p>

    <button ng-click="increment()">Increment the number</button>

</div>

<script>

    var myApp = angular.module('myApp',[]);

    myApp.controller('SampleController', ['$scope', function($scope) {

        $scope.number = 1;

        $scope.increment = function() {

            $scope.number++;

        });

    }]);

</script>

所以在這種情況下，事件是按鈕上的點擊功能，動作是數字變量的數據操作。

2. 我可以在控制器中進行復雜而冗長的計算嗎？

你可以。 但你不應該。

控制器是一個空白模塊，您可以按照自己喜歡的方式構建它。 但我建議你盡可能避免這種情況。

為了防止重復和冗余代碼，您應該將跨多個控制器相關的代碼組合到服務或工廠中。 有了這個，您可以保持您的控制器結構化、靈活和可讀。