2012-11-03 7 views
5

を動作するように取得:角度ブートストラップアコーディオンは、私はこのレポから動作するようにアコーディオンを得る運のないよ

https://github.com/angular-ui/bootstrapが表示されないタイトルのように思えるが、私はその理由を知りません。

HTML:

<!doctype html> 
<html ng-app="myApp"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title>Angular UI Test</title> 
    <meta charset="utf-8" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.2/angular.min.js"></script> 
    <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" /> 
    <script src="https://raw.github.com/angular-ui/bootstrap/master/src/accordion/accordion.js"></script> 
    <script src="app.js"></script> 
    <style type="text/css"> 
     .wrap {width:960px;margin:0 auto;} 
    </style> 
</head> 
<body> 
    <div class="wrap" ng-controller="MyCtrl"> 
     <accordion> 
      <accordion-group title="Title">This has a one word title.</accordion-group> 
      <accordion-group title="Title2">This also has a one word title.</accordion-group> 
      <accordion-group title="Title With Spaces">This has a title with spaces!</accordion-group> 
     </accordion> 
    </div> 
</body> 

JS:

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

function MyCtrl($scope) { 
} 

答えて

4

あなたがここにタイトル

をラップするために '' 置く必要があるが、3異なっていますセックスする方法ここ

<accordion> 
      <accordion-group title="title">This has a one word title.</accordion-group> 
      <accordion-group title="Title2='Title 2' ">This also has a one word title.</accordion-group> 
      <accordion-group title=" 'Title 3' ">This has a title with spaces!</accordion-group> 
</accordion> 

それをTが働いplunker

+0

どのように愚かな私のです。ありがとうございました! – kmm

+0

それは私に何度も起こります:)。あなた一人じゃありません。 – maxisam

関連する問題