AngularJS中多个HTML文件能否共用单个控制器？

当然可以这么用！你给出的路由配置写法完全可行，下面给你详细拆解原因和需要注意的细节：

核心原因：控制器的实例化机制 #

在AngularJS的路由体系中，每次匹配到路由并加载对应的视图时，都会创建一个全新的控制器实例，而不是复用同一个实例。也就是说：

• 当用户访问/users路径时，Angular会加载users.html，同时创建一个myCtrl的实例，该实例的$scope只属于这个视图；
• 当用户切换到/admin路径时，又会创建另一个独立的myCtrl实例，它的$scope和之前的实例完全隔离。

举个控制器定义的例子更直观：

app.controller('myCtrl', function($scope) {
  // 每次视图加载时，这段初始化代码都会执行
  $scope.currentView = new Date().toLocaleString();
  $scope.greet = function() {
    return "Hello from this view's controller instance!";
  };
});

在users.html和admin.html中分别使用{{currentView}}，你会看到两个不同的时间戳，这就证明了它们是独立的实例。

适用场景 #

这种写法非常适合多个视图有相似业务逻辑的场景：

• 比如用户列表页和管理员列表页，都需要处理列表的分页、搜索逻辑；
• 或者多个表单页面，都需要相同的表单验证规则。
  把这些通用逻辑放到同一个控制器里，能有效减少代码重复，提升可维护性。

需要注意的坑 #

虽然可行，但也有几个点要留意：

• 不要用控制器存储全局状态：如果需要在多个视图间共享数据，一定要用service或factory，因为控制器实例是临时的，切换视图后旧实例会被销毁，数据不会保留；
• 避免控制器逻辑臃肿：如果两个视图的业务差异很大，强行把不同逻辑塞到同一个控制器里，会让代码变得难以阅读和维护，这时候就应该拆分出不同的控制器，或者把通用逻辑抽成服务。

内容的提问来源于stack exchange，提问作者user7474631