为什么CSS是不是在用角JQM列表应用 [英] why css is not apply on list using JQM in angular

问题描述

你能告诉我为什么我的列表不显示。
我用这个 https://github.com/angular-widgets/angular-jqm 这里是documenetation
的http://angular-widgets.github.io/angular-jqm/master/docs/#/api/jqm.directive:jqmListview

can you please tell me why my list is not display . I used this https://github.com/angular-widgets/angular-jqm here is the documenetation http://angular-widgets.github.io/angular-jqm/master/docs/#/api/jqm.directive:jqmListview

http://plnkr.co/edit/AfUQ5PGjKi12afqgFRfZ?p=$p$ PVIEW

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？

is there any one idea how to add css ?

任何身体知道为什么CSS没有使用JQM适用

any body idea why css is not apply using JQM

推荐答案

看看这个

工作演示

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>

这篇关于为什么CSS是不是在用角JQM列表应用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！