μ λ Angularλ₯Ό μ²μ μ¬μ©νλ―λ‘ μ΄κ²μ΄ μμ ν μλͺ»λ κ²½μ° μ©μν΄μ£ΌμΈμ. κ·Έλ¬λ μμ λ λ€μκ³Ό λΉμ·ν κ²μ 보μ¬μ€λλ€.
var app = angular.module ( 'main', [ 'ngTable']). controller ( 'DemoCtrl', function ($ scope, $ filter, ngTableParams) {
...
κ·Έλ¦¬κ³ λ€μ μ€λ₯κ° λ°μν©λλ€. μ€λ₯ : [$ injector : unpr ] μ μμλ 곡κΈμ : ngTableProvider <-ngTable
'ngTable'μ 'ngTableParams'λ‘ λ³κ²½νμ΅λλ€. μ΄κ²μ΄ μμμ λ§νλ κ²μ λκΉ, μλλ©΄ λκ° λΉ μ‘μ΅λκΉ?
λͺ¨λ μμ κ° μ μλν©λλ€. ngTableμ λͺ¨λμ μ΄λ¦μ λλ€. λ¬Έμμ΄ angular.module ( 'main', [ 'ngTable'])μ λ©μΈ λͺ¨λμ΄ ngTable λͺ¨λμ μμ‘΄ ν¨μ μλ―Έν©λλ€. ngTableParamsλ μλΉμ€ μ΄λ¦μ΄λ―λ‘ 'ngTable'μ 'ngTableParams'λ‘ λ³κ²½νλ κ²μ μλͺ»λμμ΅λλ€.
λλ λκ°μ λ¬Έμ κ° μμ΅λλ€. λλ λΉμ μ΄ μμ κ° μ ννλ€κ³ λ§νλ κ²μ μ΄ν΄νμ§λ§, κ·Έλ λ€λ©΄ μ Unknown provider : ngTableProvider <-ngTable being thrown?
κΈμ, μ½λλ₯Ό λ€μκ³Ό κ°μ΄ λ³κ²½νμμμ€.
['$scope', 'ngTableParams', function ($scope, ngTableParams) {
λλ₯Ό μν΄ μΌνμ΅λλ€.
μ΄λ€ μμ μμμ? κ°μ¬ν©λλ€!
-λ¨μ μ΄λ¦
2014 λ 8 μ 25 μΌ μ€μ 10μ 32 λΆμ Jirka Helmich [email protected] μ λ€μκ³Ό κ°μ΄ μΌμ΅λλ€.
κΈμ, μ½λλ₯Ό λ€μκ³Ό κ°μ΄ λ³κ²½νμμμ€.
[ '$ scope', 'ngTableParams', function ($ scope, ngTableParams) {
λλ₯Ό μν΄ μΌνμ΅λλ€.β
μ΄ μ΄λ©μΌμ μ§μ λ΅μ₯νκ±°λ GitHubμμ νμΈνμΈμ.
컨νΈλ‘€λ¬μ λν λ΄ μμ‘΄μ±μ λλ€.
λλ λκ°μ λ¬Έμ κ° μμκ³ λκ°μ μΉλ£λ²μ΄ ν¨κ³Όκ°μμμ΅λλ€. λλ μ΄κ²μ΄ λ²κ·Έκ° μλλΌλ κ΄λ¦¬μλ₯Ό μ λ’°νμ§λ§ μ€λͺ μ λν΄ λ§€μ° κΆκΈν©λλ€.
μ΄κ²μ λμκ²λ κ³μ λ¬Έμ μ λλ€.
μν λ° ν΄κ²° λ°©λ²μ΄ κΆκΈν©λλ€.
μ λ Angularμ μ΅μνμ§ μκ³ AngularJS 1.2.24μ ngTableμ μ΅μ nuGet ν¨ν€μ§λ₯Ό μ¬μ©ν©λλ€.
μ°Έμ‘° ngTableμ μ½μ νλ λ°©λ²μ κ΄κ³μμ΄ λμΌν μ€λ₯κ° κ³μ λ°μν©λλ€. [$ injector : unpr ] Unknown provider : ngTableProvider <-ngTable
μκ° λ΄ μ£Όμ μ κ°μ¬ν©λλ€.
λλ λκ°μ λ¬Έμ κ° μμκ³ λκ°μ μΉλ£λ²μ΄ ν¨κ³Όκ°μμμ΅λλ€.
λλμ΄μ΄ κ²μλ¬Όμ μ°Ύμ μ£Όλ κ» κ°μ¬λ립λλ€. νΉν μ΄κΈ° μνλ₯Ό μ€μ νλ AJ κ°λ° κ°μ΄λμ '컨νΈλ‘€λ¬ μ΄ν΄'μΉμ μ λ λ§μμ£Όμλ₯Ό κΈ°μΈ μμ΄μΌνμ΅λλ€. μ΄κ²μ λ΄ λͺ¨λ λ¬Έμ λ₯Ό ν΄κ²°νμ΅λλ€. λ€λ₯Έ μ¬λμμν μ 체 μ½λλ λ€μκ³Ό κ°μ΅λλ€.
app.controller ( 'DemoCtrl', [ '$ scope', '$ filter', '$ sce', 'ngTableParams', function ($ scope, $ filter, $ sce, ngTableParams) {
Codepenμ λν λͺ κ°μ§ λ°λͺ¨λ₯Ό μ΄ν΄ 보μκ³ μ΄λ¦μ΄ λ³κ²½λμμ΅λλ€.
μ΄μ NgTableParams
μ΄κ³ μ²μμλ N
κ° ν½λλ€.
@herrminni κ° NgTableParamsλ₯Ό λλ¬Έμ "N"μΌλ‘ λ³κ²½ν΄ μ£Όμ μ κ°μ¬ν©λλ€. λ΄ μ½λλ μλ λΆν° μλνκ³ μμκ³ μ무κ²λ λ³κ²½νμ§ μμκΈ° λλ¬Έμ λ΄κ° μ¬μ©νκ³ μλ λΌμ΄λΈλ¬λ¦¬ μ€ νλκ° λ³κ²½λ κ²μΌλ‘ μμ¬νκ²λμμ΅λλ€. μ΄κΈ° μκ°μ νμΈνκ³ λ¬Έμ μ λν ν΄κ²°μ± μ μ κ³΅ν΄ μ£Όμ μ κ°μ¬ν©λλ€.
μλ μ¦λͺ http://kronusproductions.com/songs_angular/#
ngTable λͺ¨λμ μ¬μ©νλ €λ©΄ http://ng-table.com μ λ¨κ³λ₯Ό λ°λΌμΌν©λλ€.
NgTableParams
μ£Όμ
μ λλ¬Έμ Nμ
λλ€.
κ°μ₯ μ μ©ν λκΈ
Codepenμ λν λͺ κ°μ§ λ°λͺ¨λ₯Ό μ΄ν΄ 보μκ³ μ΄λ¦μ΄ λ³κ²½λμμ΅λλ€.
μ΄μ
NgTableParams
μ΄κ³ μ²μμλN
κ° ν½λλ€.