Angular中的ui.bootstrap uibModal打破了我的页面

时间:2016-01-25 14:57:24

标签: angularjs ui.bootstrap

我目前正在学习Angular的过程,我正在使用的其中一个教程是使用较旧版本的角度,因此教我使用ui.bootstrap的部分现已过时

我正在使用angular v 1.4.9和ui.bootstrap v 1.1.0。

我试图将模板推送到新模式的文件如下所示:

auto s = sockets_.front();
//sockets_.front() returns TcpSocket* const
//s copies it to a TcpSocket*

我已经读过ui.bootstrap可以单独加载:

var angularFormsApp = angular.module('angularFormsApp', ['ngRoute', 'ui.boostrap']);

angularFormsApp.controller("HomeController",
function($scope, $location, $uibModal, DataService) {

    $scope.showCreateEmployeeForm = function() {
        //$location.path('/newEmployeeForm');
        $uibModal.open({
            templateUrl: 'app/EmployeeForm/efTemplate.html',
            controller: 'efController'
        });
    };

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

});

但这也给了我同样的错误(见下文)。谁能看到我在这里做错了什么并帮助我?

var angularFormsApp = angular.module('angularFormsApp', ['ngRoute'], ['ui.boostrap']);

2 个答案:

答案 0 :(得分:0)

你将控制器类提供给$ uibModal.open,而不是控制器名称。像这样:

$uibModal.open({
            templateUrl: 'app/EmployeeForm/efTemplate.html',
            controller: CfController
        });

function CfController() {
    //your controller code
}

答案 1 :(得分:0)

你有时会轻笑......或许不是

问题在于我试图加载" ui.boostrap"而不是" ui.bootstrap"

卫生署!