angular js中的分页样式

Question

我是angular js的新手。我想知道如何在分页框(视图)上应用样式。下面的代码提供了矩形框视图。

<!-- table here -->

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

我想要下面的样式。

​

​

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

Answer 1

上面使用指令进行分页。thing is directive可以有一些独立的逻辑，也可以有自己的HTML模板，例如

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>

试一试这个。