AngularJS模态框

首先引入ui.bootstrap

var app = angular.module('app', ['ngRoute', 'ui.bootstrap']);

申明$modal

app.controller("testCtrl", function ($scope, $rootScope, $http, $timeout, $modal)

从模态框返回参数：

$scope.SelOptions = function () {
            $modal.open({
                templateUrl: 'url',
                backdrop: 'static',
                controller: 'modalCtl'
            }).result.then(function (data) {
                $scope.Model.Code = data.code;
                $scope.Model.Name = data.name;
            });
        };

传参数到模态框：

$scope.Update = function (i) {
            
            //只需把对象传入modal、会自动变更
            var peopleModal = $modal.open({
                templateUrl: 'url',
                controller: 'peopleCtrl',
                resolve: {
                    item: function () {
                        return $scope.Model.Peoples[i];
                    }
                }
            });
        };

controller接传入的参数：

app.controller("peopleCtrl", function ($scope, $modalInstance, item) {

        $scope.init = function () {
            if (item != undefined) {
                $scope.People = item;
            } else {
            }
        };

        $scope.init();
    });