Angular，将文本框的动态值传给控制器

Angular, get dynamic value of textbox to controller

本文关键字：动态 值传 控制器 文本 Angular      更新时间：2023-09-26

我从json中提取并将值设置为我的angular ionic应用程序。我的文本框中包含该值。但我无法将文本框值发送到控制器。就是这样做的

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>

在表单点击中，我没有将文本框值发送到我的控制器，我试图将vaules发送到控制器。它没有出现

$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指令在视图中进行设置。

<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"/>

这对你有用。

相关文章：