指令的js代码define(['app'],function(myapp){myapp.directive('picchange',[function(){return {scope:{picurl:'=',},controller:['$scope',function($scope){$scope.myInterval = 5000;//轮播的时间间隔$scope.noWrapSlides = false;//是否循环轮播$scope.active = 0;//起始所显示的图片（0：下标为0的图片）var slides = $scope.slides = [];//用于存放图片地址var currIndex = 0;$scope.addSlide = function() {var newWidth =  slides.length + 1;slides.push({image: $scope.picurl[newWidth].imgUrl,//图片的urltext:  $scope.picurl[newWidth].wordDes,//图片的描述文字id: currIndex++});};              //................随机...........$scope.randomize = function() {var indexes = generateIndexesArray();assignNewIndexesToSlides(indexes);};for (var i = 0;i<$scope.picurl.length;i++) {$scope.addSlide();}// Randomize logic belowfunction assignNewIndexesToSlides(indexes) {for (var i = 0, l = slides.length; i < l; i++) {slides[i].id = indexes.pop();}}function generateIndexesArray() {var indexes = [];for (var i = 0; i < currIndex; ++i) {indexes[i] = i;}return shuffle(indexes);}// http://stackoverflow.com/questions/962802#962890function shuffle(array) {var tmp, current, top = array.length;if (top) {while (--top) {current = Math.floor(Math.random() * (top + 1));tmp = array[current];array[current] = array[top];array[top] = tmp;}}return array;}}],templateUrl:'js/directives/picchange/picchange.html',//轮播的页面link:function(s,e,attrs){},}}]);
});好了上面的代码都是拷贝来的，不做解释

指令的html<div><div style="height: 305px"><uib-carousel active="active" interval="myInterval" no-wrap="noWrapSlides"><uib-slide ng-repeat="slide in slides track by slide.id" index="slide.id"><img ng-src="{{slide.image}}"  style="margin:auto;"><div class="carousel-caption"><h4>Slide {{slide.id}}</h4><p>{{slide.text}}</p></div></uib-slide></uib-carousel></div><div class="row"><div class="col-md-6"><button type="button" class="btn btn-info" ng-click="addSlide()">Add Slide</button><button type="button" class="btn btn-info" ng-click="randomize()">Randomize slides</button><div class="checkbox"><label><input type="checkbox" ng-model="noWrapSlides">Disable Slide Looping</label></div></div><div class="col-md-6">Interval, in milliseconds: <input type="number" class="form-control" ng-model="myInterval"><br />Enter a negative number or 0 to stop the interval.</div></div>
</div>　

<p>图片的轮播</p>
<div picchange picurl='img'></div><!--img是用来传递参数的-->

define(['app','directives/picchange/picchange'],function(myapp){myapp.controller('idea_test_ctrl',['$scope',function($scope){console.log("this is idea_test_ctrl 的控制器");$scope.img=[//img是一个对象，其中包含了图片的地址，以及文字描述{imgUrl:'images/test/1.jpg',wordDes:'this is good pic'},{imgUrl:'images/test/2.jpg',wordDes:'这是一张很好看的图片'},{imgUrl:'images/test/3.jpg',wordDes:'it is good pic'}];}]);
});

 .state('home.ideas.test', {//(测试)url: '/test',views: {"part": {templateUrl: 'tpls/ideas/test.html',controller:"idea_test_ctrl"}}})