Ng-table: ng-repeatλ₯Ό μ‚¬μš©ν•œ 동적 데이터 제λͺ©

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

html μš”μ†Œ 생성 μ‹œ 제λͺ©μ„ λ™μ μœΌλ‘œ μ§€μ •ν•˜κ³  μ‹ΆμŠ΅λ‹ˆλ‹€. 제λͺ© νŒŒμ„œκ°€ ν• λ‹Ή 전에 μž‘λ™ν•˜λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€. 크둬의 μš”μ†Œλ₯Ό κ²€μ‚¬ν•˜λ©΄ 제λͺ©μ΄ μ„€μ •λ˜μ§€λ§Œ thead μš”μ†Œκ°€ λˆ„λ½λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

<table ng-table="tableParams" show-filter="true" class="table table-striped">
    <tr ng-repeat="item in items">
        <td data-title="{{key}}" ng-repeat="(key, value) in item">
            {{value}}
        </td>
    </tr>
</table>

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

데이터 제λͺ©μ— λŒ€ν•œ 동적 μž…λ ₯을 ν—ˆμš©ν•˜κΈ° μœ„ν•΄ μ‹€μ œλ‘œ 이것을 μˆ˜μ •ν•  κ³„νšμ΄ μžˆμŠ΅λ‹ˆκΉŒ? λ‚˜λŠ” ν•¨μˆ˜λ₯Ό μ‚¬μš©ν•΄ λ³΄μ•˜κ³  μœ λ§ν•΄ λ³΄μ˜€μ§€λ§Œ μ–΄λ–€ μ΄μƒν•œ 이유둜 ν•¨μˆ˜λŠ” ν•˜λ“œ μ½”λ”©λœ κ°’λ§Œ μ·¨ν•˜κ±°λ‚˜ 동적 μž…λ ₯을 받아듀이지 μ•Šμ„ κ²ƒμž…λ‹ˆλ‹€. μœ„μ—μ„œ μ œμ•ˆν•œ μˆ˜μ • 사항은 IMHOκ°€ 그리 쒋은 것 같지 μ•ŠμŠ΅λ‹ˆλ‹€.

κ°€ν•„λ“œ

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

+1

+1

+1

+1

Hey @esvit λ‚˜λŠ” λ‹Ήμ‹ μ˜ μž‘μ—…μ΄ λ§ˆμŒμ—

이 경우 μ»¬λ ‰μ…˜ 열이 ν•˜λ“œμ½”λ”©λœ κ²ƒμœΌλ‘œ 보이며 ng-repeat = 'a in schema'λ₯Ό μΆ”κ°€ν–ˆμŒμ—λ„ λΆˆκ΅¬ν•˜κ³  th λ‚΄μ—μ„œ html μ½”λ“œλ₯Ό 검사할 λ•Œ th λ‚΄μ—μ„œ $columns의 열이 μ—¬μ „νžˆ ν‘œμ‹œλ©λ‹ˆλ‹€. κ½€ μ΄μƒν•œκ°€μš”? @Ebolon이 μ œκ³΅ν•œ μ˜ˆμ œμ— 지원을 μΆ”κ°€ν•˜λŠ” 더 κ°„λ‹¨ν•œ μ†”λ£¨μ…˜μœΌλ‘œ νˆ¬ν‘œν•˜κ³  데이터 제λͺ©μ— λŒ€ν•œ 자리 ν‘œμ‹œμžλ₯Ό μ§€μ›ν•©λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€.

이전 μ˜κ²¬μ— λŒ€ν•΄ μ‚¬κ³Όλ“œλ¦½λ‹ˆλ‹€. 0.3.0 λ²„μ „μœΌλ‘œ μ‹œλ„ν–ˆμŠ΅λ‹ˆλ‹€. 0.3.1을 λ‹€μš΄λ‘œλ“œν•˜κ³  μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν–ˆμŠ΅λ‹ˆλ‹€. λ‚΄κ°€ 찾은 μœ μΌν•œ 것은 νŽ˜μ΄μ§€ 맀김 μœ„μ ―μ„ μ€‘λ‹¨μ‹œν‚€λŠ” 각도 λ²„μ „κ³Όμ˜ 이전 λ²„μ „κ³Όμ˜ ν˜Έν™˜μ„± λ¬Έμ œμž…λ‹ˆλ‹€. λ‚΄ 앱은 Angular 1.0.8둜 μ‹€ν–‰λ˜λ©° TypeError: Object # λ©”μ‹œμ§€κ°€ λ‚˜νƒ€λ‚©λ‹ˆλ‹€.'디버그' 방법이 μ—†μŠ΅λ‹ˆλ‹€. 인터넷 검색을 톡해 $log.debugλ₯Ό 1.1.2λΆ€ν„° μ‚¬μš©ν•  수 μžˆλ‹€λŠ” 것을 μ•Œμ•˜μŠ΅λ‹ˆλ‹€. 큰 λ¬Έμ œλŠ” μ•„λ‹™λ‹ˆλ‹€. 이것이 개발 λͺ©μ μ— 도움이 되기λ₯Ό λ°”λžλ‹ˆλ‹€.

BTW, μ–Έμ œμ΄ μˆ˜μ • μ‚¬ν•­μœΌλ‘œ bowerλ₯Ό 톡해 μƒˆ 릴리슀λ₯Ό ν•  κ³„νšμž…λ‹ˆκΉŒ?

λ§₯μ‹œ

λΆ„λͺ…νžˆ $log.debug λ¬Έμž₯이 Angular 0.8과의 ν•˜μœ„ ν˜Έν™˜μ„±μ„ κ°€μ Έμ˜€λŠ” 것을 ν”Όν•˜μ‹­μ‹œμ˜€. 예λ₯Ό λ“€μ–΄ tableParamsλ₯Ό 톡해 둜그λ₯Ό λΉ„ν™œμ„±ν™”ν•  κ°€λŠ₯성이 μžˆμŠ΅λ‹ˆκΉŒ?

κ°μ‚¬ν•©λ‹ˆλ‹€.

+1

$log.debug λΉ„ν™œμ„±ν™” κΈ°λŠ₯ +1

+1

데이터 제λͺ©μ— λŒ€ν•œ 동적 μž…λ ₯을 ν—ˆμš©ν•˜κΈ° μœ„ν•΄ μ‹€μ œλ‘œ 이것을 μˆ˜μ •ν•  κ³„νšμ΄ μžˆμŠ΅λ‹ˆκΉŒ? λ‚˜λŠ” ν•¨μˆ˜λ₯Ό μ‚¬μš©ν•΄ λ³΄μ•˜κ³  μœ λ§ν•΄ λ³΄μ˜€μ§€λ§Œ μ–΄λ–€ μ΄μƒν•œ 이유둜 ν•¨μˆ˜λŠ” ν•˜λ“œ μ½”λ”©λœ κ°’λ§Œ μ·¨ν•˜κ±°λ‚˜ 동적 μž…λ ₯을 받아듀이지 μ•Šμ„ κ²ƒμž…λ‹ˆλ‹€. μœ„μ—μ„œ μ œμ•ˆν•œ μˆ˜μ • 사항은 IMHOκ°€ 그리 쒋은 것 같지 μ•ŠμŠ΅λ‹ˆλ‹€.

κ°€ν•„λ“œ

+1

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