我正在尝试制作水平图像列表。他们一直显示垂直。知道我做错了什么吗?
<div ng-repeat="i in product.images">
<ul id="navlist">
<li>
<img class="thumbnail" ng-src="{{i.image}}"> </img>
</li>
</ul>
</div>
#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;
}
最佳答案
您需要将“ng-repeat”放在 li 标签中(而不是 div),否则您将重复整个 div,这不是内联的。这是使用此代码的 CodePen 链接 http://codepen.io/jwncoexists/pen/XbdOVY
<body ng-app="ImageDemo">
<div ng-controller="Demo.controller">
<div>
<ul id="navlist">
<li ng-repeat="i in product.images">
<img class="thumbnail" ng-src="{{i.image}}">
</li>
</ul>
</div>
</div>
</body>
关于html - ng-重复水平图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30250619/