Как запустить jquery внутри модального окна angularjs?

Question

Я использую ngDialod для моего модального окна в angularjs.

Я хочу запустить код jquery внутри модального окна.

Я создал скрипку 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>