Angularjs 选中复选框后，获取子对象

我想实现这样一个场景：当我单击TV1 radiobutton时，我希望将其所有子对象都包含在对象中，即ProductName TV1，频道数1。下面是我的代码

标记：

<div ng-repeat="product in ProductTypes">         
    <div ng-show="product.selected" ng-repeat="Product in product.ProductList">
      <label>
           <input type="radio" name="internetProduct{{$parent.$index}}"
               ng-model="Product" ng-value="{{Product}}" ng-click="GetValue()" />
            {{Product.ProductName}}
      </label>

      <table>
         <tr ng-repeat="(key, val) in Product">
            <td>{{key}}</td>
            <td>{{val}}</td>
         </tr>
      </table>

   </div>
</div>

---

现在，$scope.radio没有任何消息。请帮忙

好的，加载所有父对象和子对象，然后通过AngularJS显示/隐藏，通过它您将实现您的场景。

您可以将产品实例作为参数传递给ng click函数调用。因此，每当单击单选按钮时，相应的产品实例将在您的函数中可用。下面的代码将为您提供单选按钮的实例。对checkbox执行相同的操作，在检查时调用函数并传递相应的实例。（您尚未为checkbox提供标记）

HTML：

<div ng-repeat="product in ProductTypes">         
    <div ng-show="product.selected" ng-repeat="Product in product.ProductList">
      <label>
           <input type="radio" name="internetProduct{{$parent.$index}}"
               ng-model="checked" ng-value="Product" ng-click="GetValue(Product)" />
            {{Product.ProductName}}
      </label>

      <table>
         <tr ng-repeat="(key, val) in Product">
            <td>{{key}}</td>
            <td>{{val}}</td>
         </tr>
      </table>

   </div>
</div>

var app = angular.module('ProductCatalog.controllers', ['ui.bootstrap'])
.controller('OfferCtrlr', function ($scope, $http, $modal) {
      $scope.GetValue = function(product) {
        console.log(product);
    }
})

var app = angular.module('ProductCatalog.controllers', ['ui.bootstrap'])
.controller('OfferCtrlr', function ($scope, $http, $modal) {
      $scope.GetValue = function(product) {
        console.log(product);
    }
})