Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在AngularJS中实现Ekathuwa模块,将ng重复值传输到模式_Angularjs - Fatal编程技术网

在AngularJS中实现Ekathuwa模块,将ng重复值传输到模式

在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">

我目前在angularjs上实现modal时遇到了麻烦。我对这个框架还是新手,我使用的是我从ng-modules.org获得的模块之一,ngEkathuwa,它实现了Bootstrap3模式。但是,我很难理解如何使用模块将ng repeat list的值传递到modal

            <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) {

        };
    }