我遇到了这样的情况:我想使用 $rootScope 变量并使用输入字段中输入的值更新其值。我的情况代码缩短为 DEMO :
HTML:
<div ng-controller="MyCtrl">
<input type="text" ng-model="foo" placeholder="Enter something" />
<input type="button" ng-click="doSomething()" value="Send" ng-disabled="foo == null" />
</div>
脚本:
var myApp = angular.module('myApp', []);
function MyCtrl($scope, $rootScope) {
$rootScope.foo = null;
$scope.doSomething = function () {
alert("Hello, " + $rootScope.foo);
}
}
任何有关如何将输入值传递给 $rootScope 变量的建议都很棒!
最佳答案
虽然不推荐,但如果您愿意,仍然可以按照以下方式进行
<div ng-controller="MyCtrl">
<input type="text" ng-model="foo" placeholder="Enter something" ng-change="onFooChange()" />
<input type="button" ng-click="doSomething()" value="Send" ng-disabled="foo == null" />
</div>
脚本
var myApp = angular.module('myApp', []);
function MyCtrl($scope, $rootScope) {
$rootScope.foo = null;
$scope.onFooChange = function(){
$rootScope.foo = angular.copy($scope.foo);
}
$scope.doSomething = function () {
alert("Hello, " + $rootScope.foo);
}
}
当文本字段的值发生更改时,调用onFooChange
函数并将该值存储到$rootScope
中。
关于javascript - Angular 将输入值传递给 $rootScope 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34201652/