404使用的用戶界面，引導和Plunker

我已經在我的plunker 404使用的用戶界面，引導和Plunker

<!DOCTYPE html> 
<html ng-app="plunker"> 

<head> 
    <meta charset="utf-8" /> 
    <title>AngularJS Plunker</title> 
    <script> 
    document.write('<base href="' + document.location + '" />'); 
    </script> 
    <link rel="stylesheet" href="style.css" /> 
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.css" /> 
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" /> 
    <script data-require="[email protected]" src="https://code.angularjs.org/1.2.22/angular.js" data-semver="1.2.22"></script> 
    <script src="//code.jquery.com/jquery-2.1.1.js"></script> 
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui/0.4.0/angular-ui.js"></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.js"></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap.js"></script> 
    <script src="app.js"></script> 
</head> 

<body ng-controller="MainCtrl"> 
    <p>Hello {{name}}!</p> 
    <accordion close-others="false"> 
    <accordion-group heading="Company" ng-click="toggleOpen()"> 
     <div class="row" data-ng-repeat="item in companyValues"> 
     <div class="col-xs-6"> 

      <input name="companyFilter" type="radio" value="{{item.value}}" id="{{item.name}}-filter-radio" ng-model="userData.companyFilter" ng-change="saveUserPreferences()" /> 
     </div> 
     <div class="col-xs-6 pull-text-left">{{item.name}}</div> 
    </accordion-group> 
    </accordion> 
</body> 

</html>

但是下面，當我嘗試運行我的模板/手風琴/手風琴group.html得到404。有任何想法嗎？

來源

2014-09-02 Jackie

您的標記加載兩個不同版本的ui.bootstrap。

一個帶有預先加載在Angular.js'$templateCache服務中的組件模板的版本。
如果您想調整控件外觀，則不帶預加載模板的版本。

由於版本＃2是第二個加載的，因此似乎所有預加載的模板都不可用。

解：刪除行：

<script src="//cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap.js"></script>

實施例：http://plnkr.co/edit/JyNu2hggAFt33hTvfoXo?p=preview

來源

2014-09-03 12:38:11 filearts

當您使用angular.ui你還必須包括angular.ui.tpls在你的依賴，像這樣：

var app = angular.module('myApp', ['ui.bootstrap', 'ui.bootstrap.tpls']);

來源

2014-09-02 13:48:00 arseniew

404使用的用戶界面，引導和Plunker

回答

相關問題