javascript – 范围绑定在模态弹出angularjs中不起作用

前端之家收集整理的这篇文章主要介绍了javascript – 范围绑定在模态弹出angularjs中不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在使用angular来将数据绑定到我的UI,这非常有效.但是当按钮单击时调用模态弹出窗口时,模态中的绑定不起作用.

角度:

angular.module('myModule').controller('myController',["$rootScope","$scope","$filter","dataService",function ($rootScope,$scope,$filter,dataService) {

    $scope.checkItem = "";

    $scope.loadEditForm = function () {
        $scope.checkItem = "yes";
        $("#modal-form-edit").modal();
    };


}]);
最佳答案
好像你正在使用普通的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
        });
    };

}]);

演示:http://plnkr.co/edit/kQz0fiaXLv7T37N8fzJU?p=preview

原文链接:/jquery/428783.html

猜你在找的jQuery相关文章