在AngularJS中实现Ekathuwa模块,将ng重复值传输到模式
我目前在angularjs上实现modal时遇到了麻烦。我对这个框架还是新手,我使用的是我从ng-modules.org获得的模块之一,ngEkathuwa,它实现了Bootstrap3模式。但是,我很难理解如何使用模块将ng repeat list的值传递到modal在AngularJS中实现Ekathuwa模块,将ng重复值传输到模式,angularjs,Angularjs,我目前在angularjs上实现modal时遇到了麻烦。我对这个框架还是新手,我使用的是我从ng-modules.org获得的模块之一,ngEkathuwa,它实现了Bootstrap3模式。但是,我很难理解如何使用模块将ng repeat list的值传递到modal <table ng-table="tableParams" class="table"> <tr ng-repeat="uti in $data">
<table ng-table="tableParams" class="table">
<tr ng-repeat="uti in $data">
<td data-title="'UTI Meter'" sortable="meter">
{{uti.item}}
</td>
<td data-title="'Date'" sortable="cdate" align="middle">
{{uti.cdate}}
</td>
<td align="middle" data-title="'Action'">
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#myDelete" ng-click="deleteUti(uti.ikey)">
<span class="glyphicon glyphicon-remove-sign"></span> Delete
</button>
<button type="button" class="btn btn-default" data-toggle="modal" data-target="#myEdit">
<span class="glyphicon glyphicon-edit"></span> Edit
</button>
</td>
</tr>
</table>
我找到了我问题的答案。谢谢布兰登·蒂利的例子,它让我对这个问题有了进一步的了解 我需要在modelby范围内声明传递的值ikey。与使用ui.bootstrap的模式不同,此模块也使用双向绑定,并且不使用resolve{}将数据显示到模式接口
$scope.deleteUti = function(ikey){
$scope.meter = ikey;
$ekathuwa.modal({
id: "modalUtiDelete",
scope: $scope,
contentPreSize: "sm",
controller: modalDeleteCtrl,
templateURL: "./tpl/modal-delete.html"
});
var modalDeleteCtrl = function ($scope) {
};
}
很难准确说出你在问什么。根据文档,ngEkathuwa似乎没有使用
resolve
选项。在模态的模板中,它可以访问您传入的作用域——因此您可以调用方法并在作用域上设置数据,就像使用任何其他模板一样。如何从ng click=“deleteUti(uti.ikey)”获取传递的值并将其传递给模态,最终通过模态模板显示?模态可以访问范围,因此可以将其附加到范围,就像其他角度视图一样。请参见此处的示例:您所做的是来自模式并传输到父屏幕的数据。它很好,我会记住它,以备将来使用。然而,我不想做的是另一种方法,将来自ng repeat迭代的父屏幕的数据传递给modal,并将该数据从父屏幕显示给modal。只需设置一些数据或调用一个方法。我已经用几个按钮更新了Plunker示例,这些按钮可以从模式中写回作用域。
$scope.deleteUti = function(ikey){
$scope.meter = ikey;
$ekathuwa.modal({
id: "modalUtiDelete",
scope: $scope,
contentPreSize: "sm",
controller: modalDeleteCtrl,
templateURL: "./tpl/modal-delete.html"
});
var modalDeleteCtrl = function ($scope) {
};
}