Ng-table: рдЙрджрд╛рд╣рд░рдг рдЧрд▓рдд рдирд┐рд░реНрднрд░рддрд╛ рдирд╛рдо рд╕реВрдЪреАрдмрджреНрдз рдХрд░рддреЗ рдкреНрд░рддреАрдд рд╣реЛрддреЗ рд╣реИрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 3 рдЕрдкреНрд░реИрд▓ 2014  ┬╖  12рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: esvit/ng-table

рдореИрдВ рдХреЛрдгреАрдп рдХреЗ рд▓рд┐рдП рдирдпрд╛ рд╣реВрдВ, рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдХреНрд╖рдорд╛ рдХрд░реЗрдВ рдпрджрд┐ рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЧрд▓рдд рд╣реИ, рд▓реЗрдХрд┐рди рдЙрджрд╛рд╣рд░рдг рдХреБрдЫ рдРрд╕рд╛ рд╣реА рджрд┐рдЦрд╛рддреЗ рд╣реИрдВ:

var рдРрдк = angular.module ('рдореБрдЦреНрдп', ['ngTable'])ред рдирд┐рдпрдВрддреНрд░рдХ ('DemoCtrl', рдлрд╝рдВрдХреНрд╢рди ($ рд╕реНрдХреЛрдк, $ рдлрд╝рд┐рд▓реНрдЯрд░, ngTableParams) {
...

рдФрд░ рд╡рд╣ рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреЛ рдлреЗрдВрдХрддрд╛ рд╣реИ: рддреНрд░реБрдЯрд┐: [$ рдЗрдВрдЬреЗрдХреНрдЯрд░: unpr ] рдЕрдЬреНрдЮрд╛рдд рдкреНрд░рджрд╛рддрд╛: ngTableProvider <- ngTable

'ngTable' рдХреЛ 'ngTableParams' рдореЗрдВ рдмрджрд▓рдиреЗ рд╕реЗ рдХрд╛рдо рдЪрд▓ рдЧрдпрд╛ред рдХреНрдпрд╛ рдЙрджрд╛рд╣рд░рдгреЛрдВ рдХреЛ рдпрд╣реА рдХрд╣рдирд╛ рдЪрд╛рд╣рд┐рдП, рдпрд╛ рдХреНрдпрд╛ рдореБрдЭреЗ рдХреБрдЫ рдпрд╛рдж рдЖ рд░рд╣рд╛ рд╣реИ?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВрдиреЗ рдХреЛрдбрдкреЗрди рдкрд░ рдХреБрдЫ рдбреЗрдореЛ рджреЗрдЦреЗ, рдФрд░ рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рдирд╛рдо рдмрджрд▓ рдЧрдпрд╛ рд╣реИ:
рдпрд╣ рдЕрдм NgTableParams рдФрд░ рд╢реБрд░реБрдЖрдд рдореЗрдВ рдПрдХ рдмрдбрд╝рд╛ N ред

рд╕рднреА 12 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рд╕рднреА рдЙрджрд╛рд╣рд░рдг рдареАрдХ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВред рдПрдирдЬреАрдЯреЗрдмрд▓ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдирд╛рдо рд╣реИред рд╕реНрдЯреНрд░рд┐рдВрдЧ angular.module('main', ['ngTable']) рдХрд╛ рдЕрд░реНрде рд╣реИ рдХрд┐ рдореБрдЦреНрдп рдореЙрдбреНрдпреВрд▓ ngTable рдореЙрдбреНрдпреВрд▓ рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИред ngTableParams рд╕реЗрд╡рд╛ рдХрд╛ рдирд╛рдо рд╣реИ, рдЗрд╕рд▓рд┐рдП 'ngTable' рдХреЛ 'ngTableParams' рдореЗрдВ рдмрджрд▓рдирд╛ рдЧрд▓рдд рд╣реИред

рдореЗрд░реЗ рдкрд╛рд╕ рдмрд┐рд▓реНрдХреБрд▓ рд╡рд╣реА рдореБрджреНрджрд╛ рд╣реИред рдореИрдВ рд╕рдордЭрддрд╛ рд╣реВрдВ рдХрд┐ рдЖрдк рдХрд╣ рд░рд╣реЗ рд╣реИрдВ рдХрд┐ рдЙрджрд╛рд╣рд░рдг рд╕рд╣реА рд╣реИ, рд▓реЗрдХрд┐рди рдпрджрд┐ рд╣рд╛рдВ, рддреЛ рддреНрд░реБрдЯрд┐ рдЕрдЬреНрдЮрд╛рдд рдкреНрд░рджрд╛рддрд╛ рдХреНрдпреЛрдВ рд╣реИ: ngTableProvider <- ngTable рдлреЗрдВрдХрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ?

рдЦреИрд░, рдХреЛрдб рдХреЛ рдЗрд╕рдореЗрдВ рдмрджрд▓рдирд╛:

 ['$scope', 'ngTableParams', function ($scope, ngTableParams) {

рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛ред

рдХрд┐рд╕ рдХрдХреНрд╖рд╛ рдореЗрдВ? рдзрдиреНрдпрд╡рд╛рдж!

-рдорд╛рдЗрдХрд▓

25 рдЕрдЧрд╕реНрдд 2014 рдХреЛ рд╕реБрдмрд╣ 10:32 рдмрдЬреЗ рдЬрд┐рд░рдХрд╛ рд╣реЗрд▓рдорд┐рдЪ рдиреЛрдЯрд┐рдлрд┐рдХреЗрд╢рди @github.com рдиреЗ рд▓рд┐рдЦрд╛:

рдЦреИрд░, рдХреЛрдб рдХреЛ рдЗрд╕рдореЗрдВ рдмрджрд▓рдирд╛:

['$scope', 'ngTableParams', function ($scope, ngTableParams) {
рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛ред

-
рдЗрд╕ рдИрдореЗрд▓ рдХрд╛ рд╕реАрдзреЗ рдЙрддреНрддрд░ рджреЗрдВ рдпрд╛ рдЗрд╕реЗ GitHub рдкрд░ рджреЗрдЦреЗрдВред

рдирд┐рдпрдВрддреНрд░рдХ рдХреЗ рд▓рд┐рдП рд╡реЗ рдореЗрд░реА рдирд┐рд░реНрднрд░рддрд╛рдПрдВ рд╣реИрдВред

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдереА рдФрд░ рдЙрд╕реА рдЙрдкрд╛рдп рдиреЗ рдХрд╛рдо рдХрд┐рдпрд╛ред рдореБрдЭреЗ рдЕрдиреБрд░рдХреНрд╖рдХ рдкрд░ рднрд░реЛрд╕рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХреЛрдИ рдмрдЧ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рд╕реНрдкрд╖реНрдЯреАрдХрд░рдг рдХреЗ рд▓рд┐рдП рдмреЗрд╣рдж рдЙрддреНрд╕реБрдХ рд╣реВрдВред

рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рднреА рдПрдХ рдореБрджреНрджрд╛ рдмрдирд╛ рд╣реБрдЖ рд╣реИред

рд╕реНрдерд┐рддрд┐ рдФрд░ рд╕рдВрдХрд▓реНрдк рдХреЗ рд▓рд┐рдП рдЙрддреНрд╕реБрдХ рд╣реВрдБ, рдпрджрд┐ рдХреЛрдИ рд╣реЛред
рдореИрдВ рдПрдВрдЧреБрд▓рд░ рдХреЗ рд▓рд┐рдП рдирдпрд╛ рдирд╣реАрдВ рд╣реВрдВ рдФрд░ рдПрдВрдЧреБрд▓рд░рдЬреЗрдПрд╕ 1.2.24 рдФрд░ рдПрдирдЬреАрдЯреЗрдмрд▓ рдХреЗ рд╕рдмрд╕реЗ рд╣рд╛рд▓рд┐рдпрд╛ рдиреНрдпреВрдЧреЗрдЯ рдкреИрдХреЗрдЬ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рдХрд┐ рдореИрдВ рд╕рдВрджрд░реНрдн ngTable рдХреИрд╕реЗ рдЗрдВрдЬреЗрдХреНрдЯ рдХрд░рддрд╛ рд╣реВрдВ, рдореБрдЭреЗ рд╡рд╣реА рддреНрд░реБрдЯрд┐ рдорд┐рд▓рддреА рд░рд╣рддреА рд╣реИ : [$

рдЖрдкрдХреЗ рд╕рдордп рдХреЗ рд▓рд┐рдП рд╢реБрдХреНрд░рд┐рдпрд╛ред

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдереА рдФрд░ рдЙрд╕реА рдЙрдкрд╛рдп рдиреЗ рдХрд╛рдо рдХрд┐рдпрд╛ред

рднрдЧрд╡рд╛рди рдХрд╛ рд╢реБрдХреНрд░ рд╣реИ рдХрд┐ рдореБрдЭреЗ рдЖрдЦрд┐рд░рдХрд╛рд░ рдпрд╣ рдкреЛрд╕реНрдЯ рдорд┐рд▓ рдЧрдпрд╛..рдореБрдЭреЗ рдПрдЬреЗ рджреЗрд╡ рдЧрд╛рдЗрдб рдХреЗ 'рдЕрдВрдбрд░рд╕реНрдЯреИрдВрдбрд┐рдВрдЧ рдХрдВрдЯреНрд░реЛрд▓рд░реНрд╕' рд╕реЗрдХреНрд╢рди рдкрд░ рдЕрдзрд┐рдХ рдзреНрдпрд╛рди рджреЗрдирд╛ рдЪрд╛рд╣рд┐рдП рдерд╛, рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдЕрд╡рд╕реНрдерд╛ рдХреА рд╕реНрдерд╛рдкрдирд╛ред рдЗрд╕рд╕реЗ рдореЗрд░реА рд╕рднреА рд╕рдорд╕реНрдпрд╛рдУрдВ рдХрд╛ рд╕рдорд╛рдзрд╛рди рд╣реЛ рдЧрдпрд╛ред рдпрд╣рд╛рдБ рджреВрд╕рд░реЛрдВ рдХреЗ рд▓рд┐рдП рдореЗрд░рд╛ рдкреВрд░рд╛ рдХреЛрдб рд╣реИ

app.controller('DemoCtrl', ['$scope', '$filter', '$sce', 'ngTableParams', function ($scope, $filter, $sce, ngTableParams){

рдореИрдВрдиреЗ рдХреЛрдбрдкреЗрди рдкрд░ рдХреБрдЫ рдбреЗрдореЛ рджреЗрдЦреЗ, рдФрд░ рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рдирд╛рдо рдмрджрд▓ рдЧрдпрд╛ рд╣реИ:
рдпрд╣ рдЕрдм NgTableParams рдФрд░ рд╢реБрд░реБрдЖрдд рдореЗрдВ рдПрдХ рдмрдбрд╝рд╛ N ред

рдзрдиреНрдпрд╡рд╛рдж @herrminni NgTableParams рдХреЛ рдПрдХ рд░рд╛рдЬрдзрд╛рдиреА "N" рдореЗрдВ рдмрджрд▓рдХрд░ рдореЗрд░реЗ рд▓рд┐рдП рдХрд╛рдо рдХрд┐рдпрд╛ред рдореЗрд░рд╛ рдХреЛрдб рдкрд┐рдЫрд▓реЗ рд╕рд╛рд▓ рд╕реЗ рдХреБрдЫ рд╕рдордп рд╕реЗ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рдерд╛ рдФрд░ рдореИрдВрдиреЗ рдХреБрдЫ рднреА рдирд╣реАрдВ рдмрджрд▓рд╛ рдерд╛, рдЬрд┐рд╕рд╕реЗ рдореБрдЭреЗ рд╕рдВрджреЗрд╣ рд╣реБрдЖ рдХрд┐ рдореИрдВ рдЬрд┐рди рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рдерд╛ рдЙрдирдореЗрдВ рд╕реЗ рдПрдХ рдмрджрд▓ рдЧрдпрд╛ рдерд╛ред рдореЗрд░реЗ рд╢реБрд░реБрдЖрддреА рд╡рд┐рдЪрд╛рд░реЛрдВ рдХреЛ рдорд╛рдиреНрдп рдХрд░рдиреЗ рдФрд░ рдореБрдЭреЗ рдореЗрд░реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж

рд╕рдмреВрдд рд╣реИ рдХрд┐ рдпрд╣ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ http://kronusproductions.com/songs_angular/#

рдПрдирдЬреАрдЯреЗрдмрд▓ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ http://ng-table.com рдореЗрдВ рджрд┐рдП рдЧрдП рдЪрд░рдгреЛрдВ рдХрд╛ рдкрд╛рд▓рди рдХрд░рдирд╛ рд╣реЛрдЧрд╛

рдзреНрдпрд╛рди рд░рдЦреЗрдВ рдХрд┐ NgTableParams рдЗрдВрдЬреЗрдХреНрд╢рди рдкреВрдВрдЬреА N . рдХреЗ рд╕рд╛рде рд╣реИ

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

ghost picture ghost  ┬╖  30рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ulise picture ulise  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

andreicristianpetcu picture andreicristianpetcu  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

esvit picture esvit  ┬╖  37рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

yujiayinshi picture yujiayinshi  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ