Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何将分页上一页和下一页按钮替换为角度中的图像?_Angularjs_Pagination - Fatal编程技术网

Angularjs 如何将分页上一页和下一页按钮替换为角度中的图像?

Angularjs 如何将分页上一页和下一页按钮替换为角度中的图像?,angularjs,pagination,Angularjs,Pagination,这是我用于分页的html代码,我不知道如何用图像替换下一个和上一个按钮,它甚至没有在html代码中显示下一个和上一个按钮,我已经使用分页标记创建了分页,工作正常,但我需要用图像替换上一个和下一个文本,请帮忙 <pagination page="currentPage" max-size="noOfPages" total-items="totalItems" items-per-page="entryLimit"> <

这是我用于分页的html代码,我不知道如何用图像替换下一个和上一个按钮,它甚至没有在html代码中显示下一个和上一个按钮,我已经使用分页标记创建了分页,工作正常,但我需要用图像替换上一个和下一个文本,请帮忙

 <pagination page="currentPage" max-size="noOfPages" total-items="totalItems" items-per-page="entryLimit">

                            </pagination>
我正在为它提供一个plunker链接:

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

安基,我给你的小东西做了个小补丁。 我刚从网上添加了一张图片,你可以随意更改,好吗

以下是最新的

正如您所看到的,我在
标记中找到了css,您只需将它放在css中即可

css:

.pagination-test>li:first-child>a, .pagination-test>li:last-child>a{
    background: url(http://www.myiconfinder.com/uploads/iconsets/7e81c2f3697b91ee17fe6ed6348c232a-Arrow.png);
  background-size: 100% 100%;
  height: 34px;
  width: 34px;
}
以及html:

        <pagination page="currentPage" max-size="noOfPages" total-items="totalItems" items-per-page="entryLimit" class="pagination-test"previous-text="" next-text=""></pagination>


希望这是您想要的

您应该提供一个plunker,以便更容易提供帮助。但一般来说,ui.bootstrap分页指令呈现html。。。您可以添加一个类,然后使用基本css进行操作。className>li>a:first child、.className>li>a:last child{background:url(myImage)}。。。如果提供一个url,我们可以提供更好的帮助,但这将是我将采取的方向。我已经在链接中提供了链接。请告诉我如何将图像附加到分页中“”箭头的位置,bcz I donno是否可以将图像放置在该位置。文档描述了如何替换箭头的文本;理论上,你可以用标记替换文本…我想用图像替换文本或箭头,标记在这里意味着什么?谢谢你,jony,这正是我需要的你保存了我的一天,请随意标记,以便其他人知道:)@jony-Y我无法设置下一个文本“”和上一个文本“”。有修改吗?@Kramer设置css颜色:透明怎么样?这样你就看不到文本了。除此之外,我想不出任何新奇的东西。编译器不允许我将下一个文本和上一个文本设置为空字符串。但无论如何,这个问题是用文本而不是图像解决的。谢谢
        <pagination page="currentPage" max-size="noOfPages" total-items="totalItems" items-per-page="entryLimit" class="pagination-test"previous-text="" next-text=""></pagination>