как автоматически обнаружить разрыв страницы на клиенте с помощью angularjs - PullRequest
Новая
       45

как автоматически обнаружить разрыв страницы на клиенте с помощью angularjs

0 голосов
/ 27 декабря 2018

Можно ли как-то определить, где будет разрыв страницы, и соответствующим образом изменить мои данные, не с помощью печатного носителя, а на клиенте?

т.е. у меня есть таблица со многими строками, если я добавлюв другой строке разрыв страницы с изменением.

см. плункер.https://plnkr.co/edit/mDOGtpDSfmwhCjK15PMO?p=preview

страница будет разбита на строку 29, если я добавлю строку в таблицу1 ИЛИ в таблицу2, разрыв страницы все равно должен быть в строке 29.

нажмите на печать, чтобы увидеть результат.

В настоящее время у меня есть ng-repeat со следующим кодом для добавления строки. 

$scope.add = function(index, table){
    var array = angular.copy($scope[table]);
    var nextId = array.length + 1 ;
    $scope[table].splice(index, 0,{id:nextId, name:'new line'})
  }

Что я пытаюсь сделать, это показать клиенту точное представление о том, чтораспечатать будет.

поэтому, если я могу определить, когда будет разрыв страницы (в зависимости от данных), я могу организовать CSS клиента для представления распечатки.

Я надеюсь, что это имеет смыслидеи о том, как это сделать?

РАЗЪЯСНЕНИЕ: я не спрашиваю о том, как использовать разрыв страницы и @media print, потому что это отражает только распечатку.

...