在AngularJS(1.x)控制器中全局使用变量,可以通过以下几种方式实现:
app.controller('MyController', function($scope, $rootScope) {
$rootScope.globalVariable = 'Hello World';
});
在其他控制器或模板中,可以直接使用$rootScope.globalVariable
来访问该全局变量。
app.service('GlobalService', function() {
this.globalVariable = 'Hello World';
});
app.controller('MyController', function($scope, GlobalService) {
$scope.globalVariable = GlobalService.globalVariable;
});
在其他控制器或模板中,可以通过注入GlobalService来访问和修改该全局变量。
app.controller('MyController', function($scope, $rootScope) {
$rootScope.$broadcast('globalVariableUpdated', 'Hello World');
});
app.controller('AnotherController', function($scope) {
$scope.$on('globalVariableUpdated', function(event, data) {
$scope.globalVariable = data;
});
});
在MyController中,通过广播事件'globalVariableUpdated'将数据传递给AnotherController,然后在AnotherController中通过监听该事件来获取数据。
需要注意的是,全局变量的使用应该谨慎,尽量避免滥用。在AngularJS中,推荐使用服务(Service)来管理和共享数据,以保持代码的可维护性和可测试性。
AngularJS ng-model 指令
ng-model 指令用于绑定应用程序数据到HTML 控制器(input,select,textarea)的值
ng-model指令
ng-model指令可以将输入域的值与AngularJS 创建的变量绑定。
实例:
AngularJS HTML DOM
AngularJS为HTML DOM 元素的属性提供了绑定应用数据的指令。
ng-disabled指令
ng-disabled指令直接绑定应用数据到HTML的disabled属性。
实例:
<button ng-disableled="mySwitch">点我!</button
领取专属 10元无门槛券
手把手带您无忧上云