我正在使用angular来将数据绑定到我的UI,这非常有效.但是当按钮单击时调用模态弹出窗口时,模态中的绑定不起作用.
最佳答案
好像你正在使用普通的jQuery方法打开模态.这在Angular中不起作用,因为打开的模态没有连接到Angular应用程序,因此它不知道必须处理模态,HTML解析等.
相反,您应该正确使用指令,或者在模态对话框的情况下,您可以简单地使用现有的指令,例如Angular UI项目,它为Angular提供了准备好的Bootstrap指令.在您的情况下,您需要$modal
服务.
那么用法很简单:
// remember to add ui.bootstrap module dependency
angular.module('myModule',['ui.bootstrap']);
angular.module('myModule').controller('myController',"$modal",$modal,dataService) {
$scope.checkItem = "";
$scope.loadEditForm = function () {
$scope.checkItem = "yes";
$modal.open({
templateUrl: 'modal.html',controller: 'modalController',scope: $scope
});
};
}]);
原文链接:/jquery/428783.html