角控制器事件在不触发自定义警报(angular Controller event is not fi

2019-10-21 05:25发布

我的问题是Click事件不会从alert.html射击。

在index.html的我已经包括output.html分配给outputController,在output.html我已经默认alert.html包括alert.html将被隐藏。

当我点击一个按钮,从output.html它会火的openWindow()方法,它里面会调用JavaScript的alert方法。 (如果我们已经覆盖了window.alert方法来改变正常的基本警报的看法。)我可以能够得到警报对话视图,甚至我可以能够访问alert.html在$范围的成员变量,但我的问题是我不能开除单击事件。 有人建议我,这可能是我的代码的问题。

OutputController.js

  App.controller('OutputController',[ '$scope',function($scope){
    $scope.testVal = "Ajith";
        $scope.checkClick = function () {
            console.log("Clicked");
        };
 $scope.openWindow = function (title) {
        alert(angular.element(document.querySelector("#HtmlA"))).html(), title);
       };
}]);


的index.html

 <div class="tabpage" id="tabpage_4"  ng-controller="OutputController">
            <div class="outputTab" ng-include src="'views/output.html'"></div>
        </div>

output.html

 <input type="button"  ng-click="openWindow('A')" value="OenAlert"/>
        <div id="HtmlA" ng-controller="OutputController" ng-init="Type = 'A'"
             ng-include="'views/alert.html'" ng-hide="true"></div>

alert.html

    {{testVal}}
<input type="button" ng-click="checkClick()" value="Click Here"/>

Answer 1:

按照上述建议,我已删除了我的custom alert ,我用angular-ui modal popup 。 这是工作的罚款。

http://plnkr.co/edit/FEtJo3?p=preview



文章来源: angular Controller event is not firing on custom alert