使用“this”将相应的数据插入到动态添加的行中

时间:2017-05-17 09:22:40

标签: javascript angularjs

我是Angular js.'this的新手'运营商会有所帮助,但不知道如何使用它。

在每个第一列上,用户将输入数据,并且应该获取相应的数据。现在数据从php获取到Angular js,但是如何使用“this”操作符将数据从角度js推送到该文本框。

例如:如果输入“Y”,则应将X和Z推送到文本框         如果输入“Q”,则应将P和R推送到文本框。 HTML:

<tr>
    <td><input type="text" ng-model="bot.Wo_Id" /></td>
    <td><input type="text" ng-click="acc1()" ng-value="b_code" /</td>
        <td><input type="text" ng-value="Pre_req" /></td>
        <td><a href ng-click="remove_bottle(bottle)">Remove</a></td>
</tr>
<tr>
    <td><a href ng-click="add_bottle()">Add</a></td>
</tr>

Angular Js:

$scope.acc1 = function () {
    $http.get("machin.php", {
            params: {
                "W_id": this.bot.Wo_Id,
                "MC": "Machine"
            }
        })
        .success(function (response) {
            var values = response.split("@");
            $scope.b_code = ?
            $scope.Pre_req = ? // what should be code here
        });
};

machin.php

echo X."@".Z   //for input Y
echo P."@".R   //for input Q

我无法解决这个问题。请帮帮我。谢谢。

1 个答案:

答案 0 :(得分:1)

这应该可以解决问题:

  1. 请勿使用此功能,请使用$ scope。
  2. 将ng-value更改为ng-model
  3. HTML

    <tr>
        <td><input type="text" ng-model="bot.Wo_Id" /></td>
        <td><input type="text" ng-click="acc1()" ng-model="b_code" /</td>
            <td><input type="text" ng-model="Pre_req" /></td>
            <td><a href ng-click="remove_bottle(bottle)">Remove</a></td>
    </tr>
    <tr>
        <td><a href ng-click="add_bottle()">Add</a></td>
    </tr>
    

    角:

    $scope.acc1 = function () {
        $http.get("machin.php", {
                params: {
                    "W_id": $scope.bot.Wo_Id,
                    "MC": "Machine"
                }
            })
            .success(function (response) {
                var values = response.split("@");
                $scope.b_code = values[0];
                $scope.Pre_req = values[1];
            });
        };
    

    这是一个带有示例的plunker。我不能做http请求所以我只是解决了这个承诺。

    https://plnkr.co/edit/f6EzxBlaFInJghNwsXaU?p=preview