使用 angularjs 访问控制器中的 ng-model 数据

Accessing ng-model data in controller using angularjs

本文关键字:ng-model 数据 控制器 angularjs 访问 访问控制 使用      更新时间:2023-09-26

我有一个包含Json数据的字符串,该字符串由另一个脚本(假设脚本A)生成。我必须使用 ng 模型访问这些数据。所以我尝试的是我创建了一个如下所示的输入字段并将 ng-model 附加到它。

`<input type="text" id="check" name="jsonName" ng-model="saveJson"></input>`

现在我所做的是使用脚本 A 将 Json 数据存储到这个输入字段中 像下面一样

document.getElementById("check").value = saveJson;

现在要访问这些数据到角度,我创建了一个控制器,例如

    angular.module('myapp').controller('formDataController', ['$scope',
    function($scope){
        $scope.saveForm = function(){
            console.log($scope.saveJson);
        }
    }
]);

其中 saveForm 是一种使用 ng-click 单击按钮时调用的方法

现在的问题是 until 输入字段中有任何交互,$scope.saveJson 给出了一个不真实的值。但是当我在输入字段然后控制台中写入内容时.log显示带有类型值的 json 数据。

请帮忙。

你需要将$scope.saveJson定义为控制器中的属性

angular.module('myapp').controller('formDataController', ['$scope',
function($scope){
$scope.saveJson = "something";    
$scope.saveForm = function(){
        console.log($scope.saveJson);
    }
}
]);