Question

我的问题是点击事件未从alert.html触发。

在index.html中，我已将output.html分配给outputController，在output.html中我已将alert.html默认包含在alert.html中。

当我从output.html点击一个按钮时会触发openWindow（）方法，里面会调用javascript警告方法。（我们已经覆盖了window.alert方法来改变正常基本警报的视图。）我能够在警报对话中获取视图，甚至我能够访问alert.html中的$ scope成员变量但我的问题是我无法点击事件。有人建议我代码可能有问题。

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事件未在自定义警报上触发

1 个答案: