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

时间:2015-02-03 11:59:37

标签: javascript json angularjs

我有一个包含Json数据的字符串,这是由另一个脚本生成的(比如脚本A)。我必须使用ng-model访问这些数据。所以我尝试的是我创建了一个像下面这样的输入字段并附加了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

单击按钮时调用的方法

现在问题是你 ntil在输入字段中有任何交互,$ scope.saveJson给出了 undefiend 值。 但是当我在输入字段中写入内容时,console.log会显示带有类型值的json数据。

请帮忙。

1 个答案:

答案 0 :(得分:2)

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

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