Javascript AngularJS：将从模式返回的数据绑定到单击它的行

在这里使用AngularJS

我正在开发一个有下拉菜单的UI。根据用户选择的内容，我向用户显示两个选项卡

每个选项卡数据都是从只返回数据数组（字符串）的服务返回的

对于返回的每个字符串值，我显示一个对应的按钮。单击按钮时，会打开一个模式弹出窗口，用户可以在其中选择一些数据。 当他们关闭模式时，我将数据返回控制器

将数据绑定到选项卡、打开模式和从模式返回数据的正常流程都可以正常工作

我无法理解或设计的是如何将返回的数据与单击它的按钮或行绑定

例如：

Tab1

String1 - Button1

String2 - Button2

String3 - Button3

<div id="params" ng-if="type.selected">
  <tabset class="tabbable-line">
    <tab heading="Sets" ng-if="sets" active="tab.set">    
        <div class="form-group m-grid-col-md-8 param" style="margin-top:5px"
             ng-repeat="set in sets" >
              <label class="control-label col-md-3 param-label">{{set}}
              </label>                  
              <button ng-click="openModal()" class="btn btn-info btn-sm">
                Select
              </button> 
        </div>
    </tab>
    <tab heading="Tables" ng-if="tables" active="tab.table">       
        <div class="form-group m-grid-col-md-8 param"
             ng-repeat="table in tables">
            <label class="control-label col-md-3 param-label">{{table}}
            </label>               
            <button ng-click="openModal()" class="btn btn-info btn-sm">
                Select
            </button>
            </div>
        </tab>
    </tabset>
</div> 

如果我通过单击按钮1打开模式，我如何发现按钮1被按下并绑定从其模式返回的数据

部分相关代码如下所示：

Tab1

String1 - Button1

String2 - Button2

String3 - Button3

<div id="params" ng-if="type.selected">
  <tabset class="tabbable-line">
    <tab heading="Sets" ng-if="sets" active="tab.set">    
        <div class="form-group m-grid-col-md-8 param" style="margin-top:5px"
             ng-repeat="set in sets" >
              <label class="control-label col-md-3 param-label">{{set}}
              </label>                  
              <button ng-click="openModal()" class="btn btn-info btn-sm">
                Select
              </button> 
        </div>
    </tab>
    <tab heading="Tables" ng-if="tables" active="tab.table">       
        <div class="form-group m-grid-col-md-8 param"
             ng-repeat="table in tables">
            <label class="control-label col-md-3 param-label">{{table}}
            </label>               
            <button ng-click="openModal()" class="btn btn-info btn-sm">
                Select
            </button>
            </div>
        </tab>
    </tabset>
</div> 

我已为此示例创建了一个plnkr，如下所示：

--编辑--

{{table}}
挑选
{{table.utype}

尝试将

表

传递到模板中的

OpenModel

---

将
表
对象作为参数传递给
OpenModel
函数：

<button ng-click="openModal(table)">Select</button>

$scope.openModal = function (table) {
     myFactory.defineModal().then(function (result) {
         table.utype = result.utype;
         table.minvalue = result.minvalue;
     });
};

确保关闭模态，结果如下：

$scope.ok = function () {
    var result = { 
      utype: $scope.utype,
      minvalue: $scope.minvalue,
    };
    $modalInstance.close(result); 
};

请记住，情态动词被认为是破坏性的，并且被用户鄙视

一般来说，干扰和分心会对人的表现产生负面影响，这是认知心理学的一个常见发现。许多研究表明，分心会大大增加各种任务的任务时间

有关详细信息，请参阅





虽然我没有得到任何错误，但我没有得到文本返回

确保向
ng repeat
提供对象：

  $scope.getData = function (selectedValue) {
      //Commenting out the service part for now and hardcoding array
      // service.getData(selectedValue).then(function (res) {
           ̶$̶s̶c̶o̶p̶e̶.̶t̶a̶b̶l̶e̶s̶ ̶=̶ ̶[̶'̶T̶a̶b̶l̶e̶1̶'̶,̶'̶T̶a̶b̶l̶e̶2̶'̶]̶;̶
           $scope.tables = [
             {name:'Table1',},
             {name:'Table2',},
          ];
      // });
  };

如何将数据绑定回该特定行？George很抱歉我的无知。我试着在上面贴上标签。{{table.utype}}但这给了我一个错误，无法设置未定义的属性“utype”。这是装订的正确方法吗？我也尝试过使用ngmodel。在模板中有两个
openmodel
调用。一个在使用
表作为迭代器的
ng repeat
中。另一个使用
set
作为迭代器。用
set
作为那篇文章的论据。乔治，这是我的错别字。虽然我没有得到任何错误，但我没有得到文本返回。请参阅上面我的更新代码。请确保向
ng repeat
提供对象。请参阅更新以获得答案。