要实现不同的HTML文件共享同一个控制器(AngularJS),可以使用AngularJS的模块化方式。
首先,在HTML文件中引入AngularJS的库文件和自定义的控制器文件:
然后,在app.js文件中定义一个AngularJS模块,并创建一个控制器:
// app.js
angular.module('myApp', [])
.controller('MyController', function($scope) {
// 控制器逻辑
});
接下来,在不同的HTML文件中使用ng-app指令指定使用的模块,并使用ng-controller指令指定使用的控制器:
Page 1
Page 2
通过以上方式,不同的HTML文件都可以共享同一个控制器,并且可以在HTML文件中使用控制器中定义的数据和方法。