AngularJS UI傳送帶自定義上一個和下一個按鈕

Question

是否可以自定義上一個和下一個按鈕AngularJS UI傳送帶？我也想要有兩個步驟的元素。對我而言，文檔不是很清楚。

如果有人給我一個例子或方向如何做，我會非常滿意。

Answer 1

您不能輕易更改標記。這裏是template for the carousel from Github

<div ng-mouseenter="pause()" ng-mouseleave="play()" class="carousel"> 
    <ol class="carousel-indicators" ng-show="slides().length > 1"> 
     <li ng-repeat="slide in slides()" ng-class="{active: isActive(slide)}" ng-click="select(slide)"></li> 
    </ol> 
    <div class="carousel-inner" ng-transclude></div> 
    <a ng-click="prev()" class="carousel-control left" ng-show="slides().length > 1">&lsaquo;</a> 
    <a ng-click="next()" class="carousel-control right" ng-show="slides().length > 1">&rsaquo;</a> 
</div> 

當然，你可以的，覆蓋CSS爲.carousel-control.left和.carousel-control.right。如果你需要一個完整的元素替換，你可以做一些DOM操作。

您也可以嘗試使用$templateCache玩遊戲並完全覆蓋模板。在$templateCache資源名稱是「‘模板/傳送帶/ carousel.html’」

這裏是這樣做的一個例子：

app.run(function($templateCache) { 
    $templateCache.put("template/carousel/carousel.html", "<div>REPLACED!!!</div>") 
}); 

所以，你可以修改模板要的東西略有不同。

警告這是實現特定的。如果他們稍後改變執行方式，這種方法可能會中斷。喜歡對模板替換進行CSS操作。

Answer 2

我只是overrided的默認樣式轉盤

.glyphicon-chevron-right:before { 
     font-family: "FontAwesome"; 
     content: "\f054"; 
    } 
    .glyphicon-chevron-left:before { 
     font-family: "FontAwesome"; 
     content: "\f053"; 
    }