使用bootstrap list-inline进行角度ng-repeat

时间:2015-01-15 15:13:58

标签: angularjs twitter-bootstrap

<body ng-app="" ng-init="names=['james', 'sean', 'emmanuel']"> <div class="container"> <h2>Angular ng-repeat demo</h2> <ul class="list-inline" ng-repeat="name in names"> <li> {{ name }} </li> </ul> </div>

我是角度和自举的新手。上面的代码不会将名称放在一行上。有什么建议吗? ps:list-line是一个bootstrap css类

1 个答案:

答案 0 :(得分:9)

li 元素上使用ng-repeat而不是 ul

<div class="container">
  <h2>Angular ng-repeat demo</h2>
  <ul class="list-inline">
    <li ng-repeat="name in names"> {{ name }} </li>
  </ul>
</div>