javascript - Angular js中的分页样式

Question

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

<!-- table here -->

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

我想要下面的样式。

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

Answer 1

上面你使用指令进行分页。事情是指令可以有一些单独的逻辑，它也可以有自己的 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