Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/sql/73.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 显示角度控制器的引导模式对话框_Angularjs_Twitter Bootstrap 3_Modal Dialog_Bootstrap Modal_Angularjs Ng Click - Fatal编程技术网

Angularjs 显示角度控制器的引导模式对话框

Angularjs 显示角度控制器的引导模式对话框,angularjs,twitter-bootstrap-3,modal-dialog,bootstrap-modal,angularjs-ng-click,Angularjs,Twitter Bootstrap 3,Modal Dialog,Bootstrap Modal,Angularjs Ng Click,我试图找出如何从角度控制器中显示引导模式对话框。基本上我只有一张桌子。当用户单击表行时,我希望显示一个模式对话框,其中包含有关所选行的详细信息 我考虑的方法是让每个表行响应ng单击。ng click将调用控制器中的函数,该函数将显示模态对话框,并向其传递需要显示的数据 我知道如何从视图本身显示模态对话框,但我不确定如何从控制器触发模态。有什么想法吗 视图的控制器具有以下功能,当用户选择一行以查看模式对话框时将调用该功能 $scope.rowClicked = function(rowID){

我试图找出如何从角度控制器中显示引导模式对话框。基本上我只有一张桌子。当用户单击表行时,我希望显示一个模式对话框,其中包含有关所选行的详细信息

我考虑的方法是让每个表行响应ng单击。ng click将调用控制器中的函数,该函数将显示模态对话框,并向其传递需要显示的数据

我知道如何从视图本身显示模态对话框,但我不确定如何从控制器触发模态。有什么想法吗

视图的控制器具有以下功能,当用户选择一行以查看模式对话框时将调用该功能

$scope.rowClicked = function(rowID){
    $scope.dataForModal = Data.get(rowID, function(err,data){
        //Here is where I'd like to display the modal dialog in the view
    });
}

在视图中的单元格/行上使用
ng click=“showDetails(item)”
。然后在控制器中使用此代码显示模式:

$scope.showDetails = function (item) {
    var modalInstance = $modal.open({
        templateUrl: 'yourview.html',
        controller: 'DetailModalController',                       
        resolve: {
            item: function () {
                return  item;
            },                            
        }
    });

    modalInstance.result.then(function (item) {
        // ok
    }, function () {
        // dismiss
    });
};
模态控制器可以是这样的:

angular.module('app').controller('DetailModalController', [
    '$scope', '$modalInstance', 'item',
    function ($scope, $modalInstance, item) {

        $scope.item = item;

        $scope.dismiss = function () {
            $modalInstance.dismiss();
        };

        $scope.close = function () {                    
             $modalInstance.close($scope.item);                       
        };
    };
}]);

使用
$modalInstance.close($scope.item)可以传递对象。使用
$modalInstance.disclose()您在没有对象的情况下关闭模态。

您尝试了什么?你能给我看一下你的代码吗?问题是我不知道如何才能做到这一点。嗯,你想怎么做就怎么做。这是正确的方法。看看他们的$modal Provider,您当前的视图和控制器是什么样子的?我得到了一个“ReferenceError:$modal未定义”错误。我应该将$modal注入控制器吗?当我将$modal注入控制器时,我得到“Error:$injector:unpr Unknown Provider”。这是正确的。请确保从项目中提供的链接添加angular ui库,否则您将无法注入它,如错误中所示。