iziModal上的Angular,在iziModal里面点击了ng不工作

时间:2018-04-06 09:10:42

标签: angular

我是角度js的新手,我不知道为什么在izimodal里面没有点击按钮没有开火。但是当按钮外面弹出模态它的工作。反正有没有让这项工作?非常感谢您的帮助。

var app = angular.module('app', ['angularUtils.directives.dirPagination']);
app.controller('memberdata',function($scope, $http, $window){
$scope.addnew = function () {
alert('click');
}
});

html代码

<div class="content-panel" ng-controller="memberdata">
<button type="button" class="btn btn-transparent" ng-click="addmodal()"><i class="icon-plus3"></i> ADD MEMBER</button>


<!--MODAL TO SHOW-->
<div ng-show="AddModal" id="izimodalapp_admin" data-iziModal-title="ADD ADMINISTRATOR" class="modal">
<div class="modal_title"><h3>MEMBER</h3></div>
<!--Not firing button when click-->
 <div class="text-right"><button type="button" class="btn btn-secondary" ng-click="addnew()"><i class="icon-paperplane"></i> SAVE</button></div>

1 个答案:

答案 0 :(得分:0)

我认为你的控制器范围&#34; memberdata&#34;与模态不同。

&#34; angularUtils.directives.dirPagination&#34;当你这样做时,必须拥有它自己的控制器:

$scope.addnew = function () {
    alert('click');
}
你告诉&#34; memberdata&#34;注册此功能的范围,模态控制器可能不知道。

如果您希望模态能够访问它,请在模态控制器中注册。

而且只是fyi,在AngularJS中注册控制器内部的控制器成员而不仅仅是它的范围是很好的做法。

做:

var ctrl = this; // Create closure of controller instance
ctrl.addnew = function() { alert('click') }

然后从模板中调用它:

Myctrl.addnew()