javascript - AngularJs - 如何使用 angular.copy 将一个输入字段中的值提取到另一个字段中？

Question

我无法将一个值从一个字段复制到下一个字段。我在 po num 中使用了 typeahead。如果我同时从输入中选择 po num 值，quantity 值将自动填充，并且 复制数量 的值需要从 复制>数量。
这是... my plunk的链接...请帮助我解决这个问题。
例如:-如果我从下拉列表中选择po num作为1356，则自动获取quantity值，给出100。我希望复制数量值反射(reflect)与100相同的值。

我添加了下面使用的代码。请看一下并让我知道我在哪里犯了错误。我知道这也可能是非常小的事情，请帮忙。提前致谢

my plunk

Controller :-

    $scope.$watch('states.purchase_order_details_ord_no', function() {
    if($scope.state && $scope.states.purchase_order_details_ord_no && $scope.states.purchase_order_details_ord_no.getTotalsshadeqty) {
      $scope.copied = angular.copy($scope.states.purchase_order_details_ord_no.getTotalsshadeqty);
    } else {
      $scope.copied = null;
    }
  });

HTML:-

    <div ng-repeat="states in states.pocomments">
       <label for="purchase_order_details_ord_no">po num</label>
          <input type="text" ng-model="states.purchase_order_details_ord_no" id="purchase_order_details_ord_no" typeahead="type as type.purchase_order_no for type in types | filter: $viewValue">
      <label for="quantity">quantity</label>
          <input type="text" id="supname" ng-model="states.purchase_order_details_ord_no" typeahead="type.getTotalsshadeqty  for type in types | filter: $viewValue">
      <label for="quantitycopy">Copied quantity</label>
          <input type="text" name="supnamecopy" id="supnamecopy" ng-model="copied">
  </div>

我的数据:-

    $scope.types = [
{
"_id": "5768e6c8bdbc5db509f0f2b2",
"created": "2016-06-21T07:03:36.504Z",
"getTotalsshadeqty": "100",
"getTotalsprice": "1000",
"getTotalsqtyprice": "100000",
"purchase_order_no": "1356",
},
{
"_id": "5767cd78f5012d790aa41a7b",
"created": "2016-06-20T11:03:20.382Z",
"getTotalsshadeqty": "12",
"getTotalsprice": "10",
"getTotalsqtyprice": "120",
"purchase_order_no": "0987",
}];

$scope.states = {
  "_id": "575691b26a5ec735128fe635",
  "pocomments": [
  {
  "_id": "575691d56a5ec735128fe636",
  "po_value_currency": "Rs",
  "value": "124",
  "rate": "24",
  "quantity": "",
  "purchase_order_details_ord_no": ""
  },
  ]

Answer 1

ng-repeat 为创建的子级创建一个隔离的范围。

如果您想更改隔离范围之外的属性，则需要将 $parent 添加到模型属性的访问器。

例如。 ng-model="$parent.states.purchase_order_details_ord_no"

此外，在您的监视表达式中，您输错了 states(您检查了 state)。

fork 应按预期工作:http://plnkr.co/edit/QAgJZToxkqvtg7pFSseO?p=preview