Fatal编程技术网
  • javascript/
  • Javascript angularjs未能实例化模块ui.bootstrap.demo

Javascript angularjs未能实例化模块ui.bootstrap.demo

javascript angularjs

Javascript angularjs未能实例化模块ui.bootstrap.demo,javascript,angularjs,Javascript,Angularjs,我正在学习angularjs，我被困在一个点上。我总是出错 ncaught Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap.demo due to: Error: [$injector:nomod] Module 'ui.bootstrap.demo' is not available! 下面是我的html文件 <html ng-app="ui.bootstrap.demo"> <

我正在学习angularjs，我被困在一个点上。我总是出错

 ncaught Error: [$injector:modulerr] Failed to instantiate module ui.bootstrap.demo due to:
 Error: [$injector:nomod] Module 'ui.bootstrap.demo' is not available!
下面是我的html文件

<html ng-app="ui.bootstrap.demo">
<head>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.js"></script>
<script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-1.3.3.js"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<script src="https://rawgit.com/esvit/ng-table/master/dist/ng-table.min.js"></script>
<script src="resources/js/main.js"/>
<script src="resources/js/gsenv.js"/>
<script src="resources/js/CarouselController.js"/>
</head>
jsenv.js

app.factory('dataShare',function($rootScope){
var service = {};
service.envName = 'no-env'
service.sendEnvNameDetails = function(data){
    console.log(data)
    this.envName = data;
    $rootScope.$broadcast('data_shared');
};
service.getData = function(){
    return this.envName;
};
return service;
});
旋转木马

app.controller('CarouselDemoCtrl', function ($scope, $http, dataShare) {
$scope.myInterval = 5000;
$scope.noWrapSlides = false;
$scope.active = 0;
var slides = $scope.slides = [];
var currIndex = 0;

$scope.sendEnvName = function(data) {
    dataShare.sendEnvNameDetails(data);
}

$scope.addSlide = function (envName) {
    slides.push({
        text: envName,
        id: currIndex++
    });
};

$http.get("http://localhost:8080/getEnvList")
    .success(function (data) {
        for (var i in data) {
            $scope.addSlide(data[i].envName);
        }
    });
}))

更改控制器和工厂：
发件人：

致：

发件人：

app.factory('dataShare',function($rootScope){});
致：

如何在另一个.js文件中编写代码
main.js
你能把代码放在你的问题中吗？@GabrielHobold…用js文件中的代码更新了问题尝试将你的脚本标签从
更改为
（也对其他文件进行更改），并告诉我它是否有效。如果你从
app.controller
更改为
angular.module（'ui.bootstrap.demo'））.控制器
？这正是您想要做的，唯一的问题是脚本标记。@GabrielHobold…啊，这是可行的，使用angular.module（'ui.bootstrap.demo'）.controller，但不使用 
app.controller('CarouselDemoCtrl', function ($scope, $http, dataShare) {
$scope.myInterval = 5000;
$scope.noWrapSlides = false;
$scope.active = 0;
var slides = $scope.slides = [];
var currIndex = 0;

$scope.sendEnvName = function(data) {
    dataShare.sendEnvNameDetails(data);
}

$scope.addSlide = function (envName) {
    slides.push({
        text: envName,
        id: currIndex++
    });
};

$http.get("http://localhost:8080/getEnvList")
    .success(function (data) {
        for (var i in data) {
            $scope.addSlide(data[i].envName);
        }
    });

app.controller('CarouselDemoCtrl', function ($scope, $http, dataShare) { });

angular.module('ui.bootstrap.demo').controller('CarouselDemoCtrl', function ($scope, $http, dataShare) { });

app.factory('dataShare',function($rootScope){});

angular.module.factory('dataShare',function($rootScope){});