我从 json 中获取并将值设置为我的 Angular ionic 应用程序。我的文本框保存该值。但我无法将文本框值获取到 Controller 。我就是这样做的
controller.js
$http.post("http://www.fooget.com/mydetails.php).success(function(details){
$scope.mydetails= details;
});
我将值设置为我的 html 页面
<form>
<div ng-repeat="data in details|limitTo:1">
<p>{{data.f_name}}</p> <!--displays the value-->
<input type="text" ng-model="v.name" value="{{data.f_name}}"/> <!--empty values-->
<input type="text" ng-model="v.id" value="{{data.id}}"/> <!--empty values-->
<button ng-click="push(v)">
</form>
在表单上单击,我没有将文本框值获取到 Controller ,我试图将值获取到 Controller 。没有出现
$scope.push= function (v) {
var push_name = v.name; // empty values
var push_id = v.id; // empty values
}
最佳答案
也在您的 HTML 中:
<div ng-repeat="data in details|limitTo:1">
应该是
<div ng-repeat="data in mydetails|limitTo:1">
因为您有 $scope.mydetails
而不是 details
真正的问题在于初始化 ng-model
的值:
由于您只是在输入文本中设置 value
属性,因此它不会分配给 ng-model
。使用 ng-init 指令在 View 中设置它。
<input type="text" ng-model="v.name" ng-init="v.name=data.f_name"/>
<input type="text" ng-model="v.id" ng-init="v.name=data.id"/>
这对你有用。
关于javascript - Angular,获取文本框的动态值到 Controller ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29257117/