Question

以下是我想要做的，用JavaScript风格。在加载时，我的html div（令牌）应显示$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;
 };

如何在按钮单击时从文本字段中将值设置为$ rootScope

2 个答案: