2016-03-15 44 views
3

我想从单击任何行的数据信息传递到模态弹出文本框。AngularJS ng-click:如何将行数据传递到模态弹出文本框

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

这是一个弹出例如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> 
+1

你可以发布你的模态弹出代码? –

+0

如果需要,您可以传递整个'item'对象。这是一个像其他任何JavaScript变量。你openEdit()函数需要支持这个 –

+0

我没有创建openEdit()函数,因为我不知道如何实现它获得且来自行传递值,并将其传递到文本框 – user3055606

回答

2

你可以设置你的$scope.selectedItem功能openEdit里面。

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

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

+0

不工作。 如果你可以创建plnkr这样一个例子,当单击编辑存在的所有数据传递给每一个领域的弹出窗口。 这是一个弹出窗口的例子http://jsfiddle.net/92z54z04/1/如果你可以编辑并将值传递给弹出窗口 – user3055606

+0

刚刚创建了一个plunker并更新了我的答案https://plnkr.co/edit/ tEzmex?p =预览 –

+0

现在将工作按照您的要求...只是更新了plunker代码...使用'modal'指令。还用templateUrl替换模板以改进。 –

相关问题