2015-01-10 2 views
1

Я использую JQuery 1.3.8 с ui.bootstrap Версия: 0.12.0.

Когда я использую $modalInstance в контроллере, моя страница не загружается, но если я ее удалю, страница работает нормально, но модальные команды не работают.

Моего код:

angularFormsApp.controller('efController', 
function efController($scope, $window, $routeParams, $modalInstance ,DataService) { 

    if ($routeParams.id) 
     $scope.employee = DataService.get_employee($routeParams.id); 
    else 
     $scope.employee = { id: 0 }; 

    //$scope.employee = DataService.employee; 

    $scope.editableEmployee = $scope.employee; 

    $scope.departments = [ 
     "Engineering", 
       "Management", 
       "Finance", 
       "IT" 
    ]; 

    $scope.submitForm = function() { 
     if ($scope.editableEmployee.id = 0) { 
      DataService.insertEmployee($scope.editableEmployee); 
     } 
     else { 
      DataService.updateEmployee($scope.editableEmployee); 
     } 


     $scope.employee = angular.copy($scope.editableEmployee); 
     //$window.history.back(); 
     $modalInstance.close(); 

    }; 

    $scope.cancelForm = function() { 
     //$window.history.back(); 
     alert($modalInstance); 
     $modalInstance.dismiss(); 

    }; 

}); 

код, где я использую открытый метод: angularFormsApp.controller ("HomeController", функции ($ объем, $ место, $ модальность, DATASERVICE) {

$scope.showCreateEmployeeForm = function() { 

     //$location.path('/newEmployeeForm'); 
     $modal.open({ 
      templateUrl: "app/EmployeeForm/efTemplate.html", 
      controller: "efController" 
     }); 

    }; 

    $scope.showUpdateEmployeeForm = function (id) { 
     $location.path('/updateEmployeeForm/'+ id); 
    }; 

}); 

Пожалуйста, помогите мне здесь почему страница не загружается. Я использую шаблон MVC в .NET.

+2

Пожалуйста, покажите свой код, создающий Чет $ modalInstance по телефону $ modal.open () в вашем методе разрешения. Если у вас нет такого метода и вы просто пытаетесь ввести $ modalInstance, то это ваша проблема. – Martin

ответ

0
angular.module('myModule', ['ui.bootstrap']); 

ли вы включили Bootstrap Завис в конфигурации модуля, как приведенный выше код, необходимо добавить, когда мы используем загрузочный пожалуйста CHECKIT

+0

Спасибо за ответ. Да, я включил. var angularFormsApp = angular.module ('angularFormsApp', ['ngRoute', 'ui.bootstrap']) –

Смежные вопросы