AngularJS 绑定不起作用。从 javascript 函数调用 angularjs 函数时答案

【问题标题】：ANgularJS binding not working. while calling an angularjs function from javascript functionAngularJS 绑定不起作用。从 javascript 函数调用 angularjs 函数时
【发布时间】：2021-08-28 19:04:15
【问题描述】：

我正在从 javascript 函数调用 angularjs 函数。从javascript函数我传递一个变量并将变量分配给$scope.usersName。但价值没有改变。

下面是我写的代码

<!DOCTYPE html>
<html data-ng-app="javaScript">
<head>
<meta charset="ISO-8859-1">
<title>Call AngularJS function using JavaScript</title>
<script
    src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script type="text/javascript">
    var serviceModule = angular.module('javaScript', []);   
    serviceModule.controller('javaScriptController', function($scope) {
        $scope.javaScriptCallAngular = function(value) {
            $scope.usersName = value;
        };
    
    }); 
    function javaScriptCall(value){
        var scope = angular.element(document.getElementById('idForJS')).scope();
        scope.javaScriptCallAngular(value);
    }   
</script>
</head>
<body id="idForJS" data-ng-controller="javaScriptController">
    <h2>Click below to get User Name:</h2>
    <div>
        <button onclick="javaScriptCall('Java Honk')">Get User name from JavaScript call to AngularJS</button>
        <div>User Name: {{usersName}}</div>
    </div>
</body>
</html>

【问题讨论】：

标签： javascript html angularjs

【解决方案1】：

也许你可以使用，$scope.$apply() - 它会起作用。

$scope.javaScriptCallAngular = function(value) {                
  $scope.usersName = value;
  $scope.$apply();
};

【讨论】：