使用 angularjs 访问控制器中的 ng-model 数据
Accessing ng-model data in controller using angularjs
我有一个包含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);
}
}
]);
相关文章:
- 从 Javascript 中设置 ng-model name
- Toggle Switch在包含ng model和ng repeat之后不进行切换
- 在Angularjs中,我如何使用ng repeat、ng model和ng click来动态更改内容
- 当与之关联的 ng-model 为 false 时,Angularjs 复选框值不会取消选中
- ng-model 绑定到选择标签生成的空默认值
- Angular ng-model 将数据作为数组发送到 rails-api
- 使用 angularjs 访问控制器中的 ng-model 数据
- 当输入ng-model是ngRepeat变量时,如何从输入数据中获取
- AngularJS Ng-model 没有来自表单的数据
- 检查来自ng-model的数据是否为数字
- 如何创建一个使用ng-model的angular数据提取器指令
- 为什么angular不在ng-model中绑定数据?
- 如何将数据从ng-model复制到由stackable.js为小屏幕创建的表中
- 在angular中,不使用ng-model和ng-bind是否可以实现双向数据绑定?
- 如何使用javascript填充ng-model查询来过滤数据
- ng-model和标准双向数据绑定的区别是什么?
- AngularJS:根据JSON数据改变ng-model
- 输入类型date ng-model不允许使用日期数据
- 数据绑定到复选框内的ng-model
- 取消隐藏一个数据绑定的东西(ng-model或{{food.Foo}})会破坏绑定