角傳遞輸入值到$ rootScope變量

Question

我有一種情況，我想使用$ 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變量的任何建議都很棒！

Answer 1

盡管不推薦使用，但是仍然可以按照以下方式進行操作

<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 。

Answer 2

這是一種不使用ng-change ：

function MyCtrl($scope, $rootScope) {
    $scope.foo=null;
    $scope.doSomething = function () {
    $rootScope.foo=$scope.foo;
        alert("Hello, " + $rootScope.foo);
    }
}