如何在按鈕單擊時從文本字段將值設置為$ rootScope

Question

以下是我想以JavaScript樣式進行的操作。 在加載我的html div（token）時應該顯示$rootScope.token值。然后在輸入字段（tokenInp）中鍵入文本后每當按下按鈕時，我需要更新$rootScope.token以及顯示的值在HTML中。

document.getElementById("token").innerHTML = $rootScope.token;

function setToken(){
    $rootScope.token = document.getElementById("tokenInp").value;
    document.getElementById("token").innerHTML = $rootScope.token;
}

如何使用AngularJS做到這一點（真的很新）

Answer 1

在您的控制器中創建一個空對象和一種設置值的方法

var token = {};

$scope.setToken = function(){
   $rootScope.token = token;
};

並在您的html中將值綁定到文本框

<input type='text' ng-model='token' ng-click='setToken()'> </input>

Answer 2

在你的HTML

    <span ng-bind="token"></span>
   <input type='text' ng-model='tokenValue'> </input>
<input type="button" ng-click='modifiedTokenValue ()'/>

在您的控制器中

 $scope.token = $rootScope.token;

 $scope.modifiedTokenValue = function(){
   $rootScope.token = $scope.tokenValue;
   $scope.token = $scope.tokenValue;
 };