如何在按钮单击时从文本字段将值设置为$ 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;
 };