コントローラに、ページネーションテーブルのページのインデックス(0から開始)を追跡する変数がある場合:
var page {
pageNumber: 0;
}
質問:このpageNumber
変数をHTMLで表示するにはどうすればよいですか?ただし、常に+1ずつ増加しますか?(index = 0ページは明らかに最初のページであるため、次のように表示する必要がありますPage 1
)
<input type="text" ng-model="page.pageNumber">
また、モデルが更新されると、入力の値が自動的に変更されます(ここでも+1ずつ増加します)。
これは$ formattersと$ parsersのユースケースだと思います。これらはモデルのプロパティを操作するため、モデルにダミーのプロパティを作成する必要はありません。ドキュメントはこちら。これが$ formattersと$ parsersのユースケースでない場合は、私を訂正してください。
下記を参照してください。
HTMLマークアップ
<body ng-app="app" ng-controller="mainCtrl">
{{page}}
<input paginated-index type="text" ng-model="page">
</body>
js
var app = angular.module('app', []);
app.controller('mainCtrl', function($scope) {
$scope.page = 0;
});
app.directive('paginatedIndex', function()
{
return{
restrict: 'A',
require: 'ngModel',
link: function(scope, element, attrs, ngModelController)
{
ngModelController.$formatters.push(function(value)
{
return value+1;
})
ngModelController.$parsers.push(function(value)
{
return value-1;
})
}
}
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加