角js的分页风格

Question

我是棱角分明的新手。我想知道如何在分页框（视图）上应用样式。下面的代码提供了矩形框视图。

<!-- table here -->

<dir-pagination-controls max-size="2" direction-links="true"
 boundary-links="true"> </dir-pagination-controls>

我想拥有下面的风格。

如何在角度分页中添加上述样式？

Answer 1

上面你使用指令进行分页。 指令可以有一些单独的逻辑，它也可以拥有自己的HTML模板 e.g。

angular.module('docsSimpleDirective', [])
.directive('myCustomer', function() {
  return {
    template: 'Name: {{customer.name}} Address: {{customer.address}}'
  };
});

正如你在这里看到的模板只是一些字符串，但很容易就像html一样：

template: '<divid="paginator"><span>1</span><span>2</span></div>'

因此，如果您想要更改HTML的外观，则需要在CSS中添加样式：）

如果你有更复杂的网站结构，你也可以看看this question

您可以在此处找到有关指令的更多信息：https://docs.angularjs.org/guide/directive

Answer 2

 <dir-pagination-controls 
max-size="4" 
direction-links="true" 
boundary-links="true"
style="float:right; padding-right:10px;-moz-border-radius: 75px;-webkit-border-radius: 75px;">
</dir-pagination-controls>

尝试一次。