AngularJS ng-click：如何将行数据传递给模式弹出文本框答案

【问题标题】：AngularJS ng-click: How to pass row data to modal pop up textboxesAngularJS ng-click：如何将行数据传递给模式弹出文本框
【发布时间】：2016-03-15 15:53:20
【问题描述】：

我想将任何点击的行中的数据信息传递到模态弹出文本框。

这是我的代码，我不知道如何实现。

这是一个弹出示例http://jsfiddle.net/92z54z04/1/，我如何将值传递给弹出窗口

<tr ng-repeat="item in myData | filter: searchBox" ng-click="openEdit(item)">
    <td>
        <input type="checkbox" class="css-checkbox" id="checkbox2" />
        <label for="checkbox2" class="css-label mac-style">&nbsp;</label>
    </td>
    <td><a>{{item.Name}}</a></td>
    <td style="text-align: right;">{{item.IsActive ? 'Yes' : 'No'}}</td>
</tr>

【问题讨论】：

你能发布你的模态弹出代码吗？
如果你愿意，你可以传递整个 'item' 对象。它是一个 javascript 变量，就像其他任何变量一样。你的 openEdit() 函数需要支持这个
我还没有创建 openEdit() 函数，因为我不知道如何实现它以从行中获取和传递值并将其传递到文本框
您正在使用哪种模式弹出窗口？添加一些相关代码
太宽泛了。任务非常简单，但您需要提供详细信息。

标签： javascript angularjs angularjs-ng-repeat

【解决方案1】：

您可以在openEdit 函数中设置$scope.selectedItem。

并将ng-model="selectedItem.<your_property>" 分配给模态框内的文本框。

我已经创建了一个 plunker 代码，它可以帮助你。 https://plnkr.co/edit/tEzmex?p=preview

【讨论】：

不工作。如果您可以使用 plnkr 创建一个示例，以便在单击编辑时会弹出一个将所有数据传递到每个字段的弹出窗口。这是一个弹出窗口的示例jsfiddle.net/92z54z04/1，如果您可以编辑并将值传递给弹出窗口
刚刚创建了一个 plunker 并更新了我的答案plnkr.co/edit/tEzmex?p=preview
现在它将根据您的要求工作...刚刚更新了该 plunker 代码...使用该 modal 指令。还用 templateUrl 替换了模板以进行改进。