爲什麼css不適用於使用角度爲JQM的列表

Question

請問爲什麼我的列表不顯示。 我用這個https://github.com/angular-widgets/angular-jqm這裏是documenetation http://angular-widgets.github.io/angular-jqm/master/docs/#/api/jqm.directive:jqmListview

http://plnkr.co/edit/AfUQ5PGjKi12afqgFRfZ?p=preview

app.controller('loginCtrl', ['$scope', function(scope){ 
var friends = [ 
    {name:'John', age:25, gender:'boy'}, 
    {name:'Jessie', age:30, gender:'girl'}, 
    {name:'Johanna', age:28, gender:'girl'}, 
    {name:'Joy', age:15, gender:'girl'}, 
    {name:'Mary', age:28, gender:'girl'}, 
    {name:'Peter', age:95, gender:'boy'}, 
    {name:'Sebastian', age:50, gender:'boy'}, 
    {name:'Erika', age:27, gender:'girl'}, 
    {name:'Patrick', age:40, gender:'boy'}, 
    {name:'Samantha', age:60, gender:'girl'} 
]; 
    scope.items=friends; 
}]) 

沒有任何一個知道如何添加CSS？

任何身體知道爲什麼CSS是不適用使用JQM

Answer 1

看看這個

Working Demo

<div data-role="header" data-position="fixed"> 
    <h1>Fixed Header!</h1> 
</div> 
<div data-role="content"> 
<ul data-role="listview"> 
    <li><a href="acura.html">Acura</a></li> 
    <li><a href="audi.html">Audi</a></li> 
    <li><a href="bmw.html">BMW</a></li> 
</ul> 
</div> 
<div data-role="footer" data-position="fixed"> 
    <h1>Fixed Footer!</h1> 
</div>