Question

我正在使用ngDialod作为angularjs中的模态窗口。

我想在模态窗口中运行一些jquery代码。

我创造了一个小提琴My Modal。如何定位点击id="target"？

（为什么我需要这个，因为我计划在模态中使用一个简单的图像滑块）

请帮忙，

Answer 1

你的回答

<div ng-controller="MyCtrl">

    <button ng-click="clickToOpen()">My Modal</button>

    <script type="text/ng-template" id="templateId">

        <div id="target" ng-click="test()" ng-controller="tt">
          Click here
        </div>
    </script>

</div>


var myApp = angular.module('myApp',['ngDialog']);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope, ngDialog) {

    $scope.clickToOpen = function () {
        ngDialog.open({ template: 'templateId' });
    };

}
function tt($scope)
{
    $scope.test = function()
    {
        console.log("AaA");
    }
}

Answer 2

您可以将控制器传递给ngDialog并使用ng-click

var myApp = angular.module('myApp',['ngDialog']);

//myApp.directive('myDirective', function() {});
//myApp.factory('myService', function() {});

function MyCtrl($scope, ngDialog) {

    $scope.clickToOpen = function () {
        ngDialog.open({ template: 'templateId',
                       controller : 'dialogCtr'});
    };


}

myApp.controller('dialogCtr', function($scope){
    $scope.clickTarget = function()
    {
        alert("hello");
    };
});

<div ng-controller="MyCtrl">

    <button ng-click="clickToOpen()">My Modal</button>

    <script type="text/ng-template" id="templateId">
        <div ng-click="clickTarget()" id="target">
          Click here
        </div>
    </script>

</div>

如何在angularjs模态窗口中运行jquery？

2 个答案: