使用 ng-click 获取范围数据答案

【问题标题】：Get scope data with ng-click使用 ng-click 获取范围数据
【发布时间】：2015-08-15 11:44:30
【问题描述】：

我有一个更新我的数据库的 php api，但我想控制使用 ng-click 更新哪个项目。

    app.controller('ReviewProductsController', function ($scope, $http) {

      $scope.hide_product = function () {

        $scope.message = "";

            var request = $http({
              method: "post",
              url: "/data/hideProduct.php",
              data: {
                product_code: $scope.product_code
              },
              headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
            });

      /* Check whether the HTTP Request is Successfull or not. */
      request.success(function (data) {
        $scope.message = "Product Hidden: "+data;
      });

      }

    });

如何将 $scope.product_code 从 ng-click 传递给控制器？

<tr ng-repeat="product in productsList.Items">
  <td>{{ product.product_code.S }}</td>
  ...
  <td>
    <button ng-click="hide_product()" type="button">Hide</button>
  </td>
</tr>

【问题讨论】：

这应该是可行的。也许快速回顾一下这个http://stackoverflow.com/questions/17039926/adding-parameter-to-ng-click-function-inside-ng-repeat-seems-not-to-work 可能会有所帮助——即使用来自 ng-click 的函数调用将数据从 ng-repeat 传递到控制器（当然，控制器功能也应该期待一些东西）
该解决方案非常完美。谢谢
太棒了 - 在您开发此应用程序时，最好将 $http 内容提取到 service =)
有什么好的参考资料可以做到这一点吗？
在 SO：link 1、link 2 或 Dan Wahlin、Jenkov、Ben Nadel、Todd Motto 的博客上查看这些帖子。

标签： javascript php angularjs

【解决方案1】：

只需将您的 ngRepeat 项目作为参数传递。

试试这个：

app.controller('ReviewProductsController', function ($scope, $http) {

  $scope.hide_product = function (code) {

    $scope.message = "";

        var request = $http({
          method: "post",
          url: "/data/hideProduct.php",
          data: {
            product_code: code
          },
          headers: { 'Content-Type': 'application/x-www-form-urlencoded' }
        });

  /* Check whether the HTTP Request is Successfull or not. */
  request.success(function (data) {
    $scope.message = "Product Hidden: "+data;
  });

  }

});

您的 HTML：

<tr ng-repeat="product in productsList.Items">
  <td>{{ product.product_code.S }}</td>

  <td>
    <button ng-click="hide_product(product.product_code)" type="button">Hide</button>
  </td>
 </tr>

【讨论】：