javascript - ngDialog 无法与 ng-click 一起使用

Question

我正在使用 ngDialog，https://github.com/likeastore/ngDialog#api

这是在我的 Controller 中:

$scope.clickToOpen= function(){     
             ngDialog.open({
                    template:
                   '<button ng-click=savePost()> + Save</button>'  ,
                    plain: true,
                    className: 'ngdialog-theme-default'
                })
    }

HTML 是

 <button class="ion-android-more-horizontal" ng-click="clickToOpen()"></button>

单词“save”应该调用 savePost 函数，但它不起作用

Answer 1

模态的问题不是 ng-click，而是模态范围内未定义的 savePost 函数。

查看源代码后，似乎没有办法在显示模式的 Controller 和模式本身之间共享功能。

您需要做的是将 Controller 添加到模态中，并在其中添加模态逻辑:

$scope.clickToOpen= function(){     
         ngDialog.open({
                template:
               '<button ng-click=savePost()> + Save</button>'  ,
                plain: true,
                className: 'ngdialog-theme-default',
                controller: ['$scope', function($scope){
                    $scope.savePost = function(){
                        alert("this one can be triggered by your template");
                    };
                }]
         });
}