Ng-table: μ˜ˆμ œκ°€ 잘λͺ»λœ 쒅속성 이름을 λ‚˜μ—΄ν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2014λ…„ 04μ›” 03일  Β·  12μ½”λ©˜νŠΈ  Β·  좜처: esvit/ng-table

μ €λŠ” Angularλ₯Ό 처음 μ‚¬μš©ν•˜λ―€λ‘œ 이것이 μ™„μ „νžˆ 잘λͺ»λœ 경우 μš©μ„œν•΄μ£Όμ„Έμš”. κ·ΈλŸ¬λ‚˜ μ˜ˆμ œλŠ” λ‹€μŒκ³Ό λΉ„μŠ·ν•œ 것을 λ³΄μ—¬μ€λ‹ˆλ‹€.

var app = angular.module ( 'main', [ 'ngTable']). controller ( 'DemoCtrl', function ($ scope, $ filter, ngTableParams) {
...

그리고 λ‹€μŒ 였λ₯˜κ°€ λ°œμƒν•©λ‹ˆλ‹€. 였λ₯˜ : [$ injector : unpr ] μ•Œ μˆ˜μ—†λŠ” κ³΅κΈ‰μž : ngTableProvider <-ngTable

'ngTable'을 'ngTableParams'둜 λ³€κ²½ν–ˆμŠ΅λ‹ˆλ‹€. 이것이 μ˜ˆμ—μ„œ λ§ν•˜λŠ” κ²ƒμž…λ‹ˆκΉŒ, μ•„λ‹ˆλ©΄ λ­”κ°€ λΉ μ‘ŒμŠ΅λ‹ˆκΉŒ?

question

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

Codepen에 λŒ€ν•œ λͺ‡ 가지 데λͺ¨λ₯Ό μ‚΄νŽ΄ λ³΄μ•˜κ³  이름이 λ³€κ²½λ˜μ—ˆμŠ΅λ‹ˆλ‹€.
이제 NgTableParams 이고 μ²˜μŒμ—λŠ” N κ°€ ν½λ‹ˆλ‹€.

λͺ¨λ“  12 λŒ“κΈ€

λͺ¨λ“  μ˜ˆμ œκ°€ 잘 μž‘λ™ν•©λ‹ˆλ‹€. 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μž…λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰