我有问题让转盘工作正常。我使用yeomen来支撑角度的应用程序。
我收到这个错误
我收到这个错误
Error: [$compile:ctreq] Controller 'carousel',required by directive 'slide',can't be found! http://errors.angularjs.org/1.2.26/$compile/ctreq?p0=carousel&p1=slide at http://localhost:9000/bower_components/angular/angular.js:78:12 at getControllers (http://localhost:9000/bower_components/angular/angular.js:6543:19) at nodeLinkFn (http://localhost:9000/bower_components/angular/angular.js:6712:35) at http://localhost:9000/bower_components/angular/angular.js:6913:13 at http://localhost:9000/bower_components/angular/angular.js:8113:11 at wrappedCallback (http://localhost:9000/bower_components/angular/angular.js:11573:81) at wrappedCallback (http://localhost:9000/bower_components/angular/angular.js:11573:81) at http://localhost:9000/bower_components/angular/angular.js:11659:26 at Scope.$eval (http://localhost:9000/bower_components/angular/angular.js:12702:28) at Scope.$digest (http://localhost:9000/bower_components/angular/angular.js:12514:31) <div ng-class="{ 'active': leaving || (active && !entering),'prev': (next || active) && direction=='prev','next': (next || active) && direction=='next','right': direction=='prev','left': direction=='next' }" class="left carousel-control item text-center ng-isolate-scope" ng-transclude="" href="#Carousel" data-slide="prev"> angular.js:10072 Error: [$compile:ctreq] Controller 'carousel','left': direction=='next' }" class="right carousel-control item text-center ng-isolate-scope" ng-transclude="" href="#Carousel" data-slide="next"> angular.js:10072
这是我的html文件
<style> #slides_control > div{ height: 200px; } img{ margin:auto; width: 400px; } #slides_control { position:absolute; width: 400px; left:50%; top:20px; margin-left:-200px; } .carousel-control.right { background-image: linear-gradient(to right,rgba(0,.0001) 0%,rgba(237,232,0.5) 100%) !important; } .carousel-control.left { background-image: linear-gradient(to right,rgba(249,248,0.5) 0%,.0001) 100%) !important; } </style> <div id="Carousel" class="carousel slide"> <ol class="carousel-indicators"> <li data-target="Carousel" data-slide-to="0" class="active"></li> <li data-target="Carousel" data-slide-to="1"></li> <li data-target="Carousel" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"> <img src="images/sliders/main_page_slider/PhoneApp_Website_Home_41.png" class="img-responsive"> </div> <div class="item"> <img src="images/sliders/main_page_slider/PhoneApp_Website_Home_45.png" class="img-responsive"> </div> <div class="item"> <img src="images/sliders/main_page_slider/PhoneApp_Website_Home_49.png" class="img-responsive"> </div> </div> <a class="left carousel-control" href="#Carousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#Carousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div>
我的控制器是
‘use strict’;
angular.module( ‘myhApp’)
.controller(‘MainCtrl’,function($ scope){
});
这是我的app.js
angular .module('myhApp',[ 'ngAnimate','ngCookies','ngResource','ngRoute','ngSanitize','ngTouch','ui.bootstrap' ]) .config(function ($routeProvider) { $routeProvider .when('/',{ templateUrl: 'views/main.html',controller: 'MainCtrl' }) .when('/about',{ templateUrl: 'views/about.html',controller: 'AboutCtrl' }) .otherwise({ redirectTo: '/' }); });
我不知道是什么造成的。任何帮助将不胜感激。
**近期有些调查结果**
好的,我做了一些挖掘,发现我必须在dom中有转盘(指示错误)。当我添加旋转木马时,错误消失,但是我的转盘不再工作,看起来也很不错。
这是我对html的改变
<div id="Carousel" class="carousel slide" carousel>
这里是如何看起来,你可以看到猫脸上有一个额外的箭头。我不知道会发生什么事情。任何帮助都将被欣赏