Estoy trabajando en un proyecto angular en el que necesito implementar la funcionalidad de paginación o carrusel en el contenido html interno.

https://portal.growthemr.com/website?bid=1274&lpid=26053 Tengo una página anterior donde estamos inyectando servicios dinámicamente en la llamada API y la plantilla para el servicio también es dinámica. Mi requisito es implementar la paginación en él pero con contenido html interno, ya que necesito poner esos servicios en la plantilla. Pero de alguna manera el enfoque a continuación no funciona.

Probé la paginación ngx pero no puedo usarla porque quiero la paginación para el contenido que se inyectará como html

El enfoque que probé pero está dando error $(..)pagination is not a fucntion index.html

 <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://pagination.js.org/dist/2.1.4/pagination.min.js"></script> <link rel="stylesheet" href="https://pagination.js.org/dist/2.1.4/pagination.css"/>

componente.ts

 $('#list').pagination({ // you call the plugin dataSource: json.Product, // pass all the data pageSize: 2, // put how many items per page you want callback: function(data, pagination) { // data will be chunk of your data (json.Product) per page // that you need to display var wrapper = $('#list .wrapper').empty(); $.each(data, function (i, f) { $('#list .wrapper').append('<ul><li>Key1: ' + f.Key1 + '</li></ul>'); }); } });