通过单击位于模式中的 <ul> 选择选项 - ANGULAR

Question

我正在申请。它是一个带有某些字段的 table。 特别地，有2个selection和2个input。我想要的是显示（在模式 window 中）第一个 selection 中的项目列表。然后，单击确认，脚本选择选项。然后，第二个 select 自动填充第一个 select 的子数组。 THIS 是我正在谈论的工作和基本示例。

现在，我尝试将它与我的 table 混合使用。事实上，我不得不稍微编辑一下代码……但实际上它不起作用。你可以看到它HERE （抱歉 css，在我想更正 Angular 脚本之前 - 无论如何，尽可能大地显示它，这样你可以更好地看到 table。

最后一段代码的问题是，如果你点击列表中的一个项目，然后按确认，第一个select没有变化。为什么？

我认为问题出在脚本的最后部分：

var ModalInstanceCtrl = function ($scope, $modalInstance, items, $http) {

  $scope.items = items;
$scope.selected = {
item: $scope.items[0]
};


$scope.ok = function () {
 $modalInstance.close($scope.selected.item);
}; 


$scope.cancel = function () {
$modalInstance.dismiss('cancel');
};
};

我试图编辑它，但找不到解决方案。你能帮帮我吗？

P.S。为什么打开模态框后window后面的CSS变了？

谢谢指教！！

Answer 1

编辑：复制按钮（那个黄色的东西）也修复了

http://plnkr.co/edit/PrT7GAY3ThOUBh5Lxx4i?p=preview

---

http://plnkr.co/edit/JKdfkUNY3cXzEoaN4Lf9?p=preview

将行作为参数添加到 open()，您应该将行特定数据存储在行对象中

  $scope.open = function(row) {
    var modalInstance = $modal.open({
      templateUrl: 'modal.html',
      controller: ModalInstanceCtrl,
      resolve: {
        items: function() {
          return $scope.items;
        }
      }
    });

    modalInstance.result.then(function(selectedProduct) {
      row.selectedProduct = selectedProduct;
    }, function() {
      $log.info('Modal window closed at: ' + new Date());
    });
  };