javascript - ionic 触发点击事件不起作用

Question

我的 Ionic 应用程序中有一个模态，当显示模态时，我想触发特定元素上的点击事件。

Controller
$scope.$on('modal.shown', function() {
      document.getElementById('somemodal').click(); // #1
      $( "#somemodal" ).triggerHandler( "click" );  // #2
});


Index.html
<h1 class="title" id="somemodal" ng-click="start()">info</h1>

#1 和#2 都不会触发 ng-click，后者会触发另一个 Controller 中的函数启动。

如有任何建议或建议，我们将不胜感激。

谢谢。

Answer 1

如果两个 Controller 都在同一层，使用像这样的工厂:

(function() {
    'use strict';

    angular
        .module('yourapp')
        .factory('yourfactory', yourfactory);

    yourfactory.$inject = [$rootScope];

    /* @ngInject */
    function yourfactory($rootScope) {
        var service = {
            start: start
        };
        return service;

        function start() {
            $rootScope.$broadcast('dostart', {});
        }
     }
})();

然后在 Controller 1 中(使用模态):

$scope.$on('modal.shown', function() {
      yourfactory.start(); // Don't forget to inject yourfactory
});

在 Controller 2 中:

$scope.$on('dostart', function(event, args) {
    $scope.start();
});

如果两个 Controller 不在同一层，也可以在没有工厂的情况下从第一个 Controller 直接执行 $broadcast 或 $emit，具体取决于 Controller 的层次结构