在 AngularJs 中定义控制器的最佳方法

我是 AngularJs 的新手。我很困惑哪一种是为其创建控制器的最佳方法ng-app="mainApp"。在编程时，我曾使用过的其他编程语言建议将相关数据保存在一起。但在 AngularJs 中，当我们可以在主应用程序模块上定义控制器时，为控制器提供新模块被认为是最佳实践。如果我们在 mainApp 上创建控制器，它将保留控制器并绑定，这正是我们在其他语言中想要的。

var myapp = angular.module("mainApp", []);
myapp.controller("testController", function($scope)
{
    $scope.value = "test";
})

//OR

angular.module("mainApp", ["moduleController"]);
angular.module("moduleController", []).controller("testController", function($scope){
    $scope.value = "test";
})

对于生产环境应该使用哪一个？？

选项1：

var myapp = angular.module("mainApp",[]);
myapp.controller("testController",function($scope)
{
    $scope.value="test";
})

选项2：

angular.module("mainApp", ["moduleController"]);
angular.module("moduleController",[]).controller("testController",function($scope){
    $scope.value="test";
})

Option 2更好，因为这将允许您将控制器写入单独的文件中。因此，您的代码将更具可读性。如果您想在其他 AngularJS 项目中重用控制器，它也会为您提供帮助。

例如，您可以在一个文件中编写以下代码，例如app.js:

angular.module('mainApp',['ngRoute', 'appController']);

您可以将控制器写入另一个文件中，例如controllers.js:

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

appController.controller('testController', ['$scope',
    function($scope) {
        $scope.value="test";
    }
]);

现在，您只需添加以下内容即可在另一个项目中重用控制器controllers.js项目中的文件并添加依赖appController in the app.js file.