kmm*_*kmm 5 angularjs angular-ui
我没有运气从这个回购中获得手风琴: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) {
}
您需要使用 ' ' 来包裹标题
这里有 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>
这是正在工作的笨蛋
| 归档时间： |
|
| 查看次数： |
9267 次 |
| 最近记录： |