如何运行 jquery inside angularjs modal window？

Question

我在 angularjs 中使用 ngDialod 作为我的模式 window。

我想运行一些 jquery 模态 window 内的代码。

我创建了一个 fiddle My Modal。如何在点击时定位 id="target"？

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

请帮忙，

Answer 1

你的答案

http://jsfiddle.net/mb6o4yd1/6/

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

如何运行 jquery inside angularjs modal window？

How to run jquery inside angularjs modal window?

javascript

jquery

angularjs

angular-ui