如何使用UI Bootstrap？

我一直在尋找互聯網如何使用AngularJS UI引導，但我不會努力。如何使用UI Bootstrap？

這是我的代碼現在：

<html> 
<head> 
<script src="componenten/bower_components/angular/angular.js"></script> 
<script src="componenten/bower_components/angular-bootstrap/ui-bootstrap-tpls.min.js"></script> 
<script src="componenten/bower_components/angular-bootstrap/ui-bootstrap.min.js"></script> 
</head> 
<body ng-app="ui.bootstrap.demo"> 
<div ng-controller="ModalDemoCtrl"> 
    <script type="text/ng-template" id="myModalContent.html"> 
     <div class="modal-header"> 
      <h3 class="modal-title">I'm a modal!</h3> 
     </div> 
     <div class="modal-body"> 
      <ul> 
       <li ng-repeat="item in items"> 
        <a href="#" ng-click="$event.preventDefault(); selected.item = item">{{ item }}</a> 
       </li> 
      </ul> 
      Selected: <b>{{ selected.item }}</b> 
     </div> 
     <div class="modal-footer"> 
      <button class="btn btn-primary" type="button" ng-click="ok()">OK</button> 
      <button class="btn btn-warning" type="button" ng-click="cancel()">Cancel</button> 
     </div> 
    </script> 
    <button type="button" class="btn btn-default" ng-click="open()">Open me!  </button> 
    <button type="button" class="btn btn-default" ng-click="open('lg')">Large modal</button> 
    <button type="button" class="btn btn-default" ng-click="open('sm')">Small modal</button> 
    <button type="button" class="btn btn-default" ng-click="toggleAnimation()">Toggle Animation ({{ animationsEnabled }})</button> 
    <div ng-show="selected">Selection from a modal: {{ selected }}</div> 
    </div> 
</body> 
</html>

我已經嘗試添加幾乎每個腳本和CSS文件，但它不會有任何效果。

來源

2015-09-07 SjaakvBrabant

您需要包括角引導作爲一個依賴：

angular.module('ui.bootstrap.demo', ['ui.bootstrap']);

並請刪除ui-bootstrap.min.js怎麼一回事，因爲ui-bootstrap-tpls.min.js同時包含代碼和模板。

來源

2015-09-07 11:58:43

歐凱是固定了大量已經，沒有更多的錯誤，當我開始頁面，但是當我點擊一個按鈕，我再次出現錯誤。 – SjaakvBrabant

什麼樣的錯誤？ –

這是在控制檯所示的誤差「[$編譯：tpload]未能加載模板：模板/模態/ window.html（HTTP狀態：404未找到）」 – SjaakvBrabant

如何使用UI Bootstrap？

回答

相關問題