角js的分頁樣式

我是角js的新手。我想知道如何在分頁框上應用樣式（視圖）。以下代碼提供矩形框視圖。角js的分頁樣式

<!-- table here --> 

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

我想要下面的樣式。

如何添加上述風格的角度分頁？

來源

2016-08-23 user5863037

首先，您需要檢查*呈現的* HTML。你知道怎麼做嗎？在Chrome或Firefox中，加載顯示分頁的頁面。然後右鍵單擊分頁並選擇「檢查元素」。在你的開發者控制檯（當你選擇「Inspect Element」時會打開它），你可以看到用於顯示分頁的實際標記。 **在此處提供分頁標記**，以便我們可以幫助您對其進行設計。 –

上面你使用指令進行分頁。東西是指令可以有一些單獨的邏輯，它也可以有它自己的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

來源

2016-08-23 13:15:21 Andurit

<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>

試試這一次。

來源

2017-09-19 06:10:46 Alexa

角js的分頁樣式

回答

相關問題