javascript - 淘汰赛添加绑定到动态表单元素

Question

我得到了这个表格，所有这些输入都是整数。intpu B, C 通过nested_form gem 嵌套在表单中，当点击add another 时，会在表单中添加一个b,c 的克隆（但ids,names 不同）。

C'值 = A'值 * B'值 / 100

输入 A bindto underwriting_fee
输入 B bindto allocation_percent
输入 C ko.computed = A * B /100

var appmodel = function(){
    var self = this;
    self.underwriting_fee = ko.observable();
    self.lines = ko.observableArray([new line(self.underwriting_fee)]);
    self.addLine = function() { 
      self.lines.push(new line(self.underwriting_fee));
  };
};

var line = function(underwriting_fee){
    var self = this;
    self.underwriting_fee = underwriting_fee;
    self.allocation_percent = ko.observable();

    self.fee = ko.computed(function() {
      //console.log(self.underwriting_fee());
      //console.log(self.allocation_percent());

      if(!isNaN(self.underwriting_fee()) && !isNaN(self.allocation_percent())){
         return self.underwriting_fee() * self.allocation_percent() / 100 ;
      }
    });
};
ko.applyBindings(new appmodel());

目前，当我单击添加另一个时，将有两行 b1-c1，一行通过敲除 ko oberservable array，一行通过 rails nested_form gem。并且逐行嵌套形式不起作用（输入 c 未计算），由于相同的 id 和相同的名称，我不希望逐行剔除。

我已经阅读了文档并搜索了很多，但没有找到解决方案。

也许我不应该在这里使用 knockoutjs ？