Ng-table: 선택 ν•„ν„°κ°€ λͺ¨λ“  값을 μ •μ˜λ˜μ§€ μ•Šμ€ κ²ƒμœΌλ‘œ ν‘œμ‹œν•©λ‹ˆλ‹€.

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

λ‚΄ HTML

<table ng-show="!loading" show-filter="true" class="ebTable eftf ebTable_striped" ng-table="tableParams" template-pagination="custom-pager"> <tr ng-repeat="probe in $data"> <td data-title="'Host'" sortable="'host'" filter="{host: 'select'}" filter-data="fetchHosts($column)">{{probe.host}}</td>

λ‚΄ 컨트둀러

$scope.fetchHosts = function ($column) { if($column.title() === "Host") { return [{host: "192.168.1.34"}, {host: "192.168.1.36"}]; } };

선택 필터에 λŒ€ν•œ λ¬Έμ„œμ—λŠ” fetchData ν•¨μˆ˜κ°€ 배열을 λ°˜ν™˜ν•˜κ±°λ‚˜ λ°°μ—΄ 등을 λ°˜ν™˜ν•˜λŠ” 약속을 λ°˜ν™˜ν•΄μ•Ό ν•œλ‹€κ³ λ§Œ λ‚˜μ™€ μžˆμŠ΅λ‹ˆλ‹€. μ‹€νŒ¨ν•˜λ”λΌλ„ λ¬Έμ„œμ—λŠ” λ­”κ°€ 빠진 것 κ°™μŠ΅λ‹ˆλ‹€.

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

μ•Œκ² μŠ΅λ‹ˆλ‹€. μž‘λ™ν•©λ‹ˆλ‹€. 값이 μ§€κΈˆ λ“œλ‘­λ‹€μš΄μ— ν‘œμ‹œλ©λ‹ˆλ‹€(더 이상 μ •μ˜λ˜μ§€ μ•ŠμŒ). λ¬Έμ„œμ—μ„œ id 및 title 속성이 ν•„μš”ν•˜λ‹€κ³  μ§€μ •ν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. λ¬Έμ„œκ°€ 더 λͺ…ν™•ν–ˆμœΌλ©΄ ν•©λ‹ˆλ‹€. id와 title을 잘λͺ» μ‚¬μš©ν–ˆλ‹€λ©΄ μ •μ • λΆ€νƒλ“œλ¦½λ‹ˆλ‹€.

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

μ•Œκ² μŠ΅λ‹ˆλ‹€. μž‘λ™ν•©λ‹ˆλ‹€. 값이 μ§€κΈˆ λ“œλ‘­λ‹€μš΄μ— ν‘œμ‹œλ©λ‹ˆλ‹€(더 이상 μ •μ˜λ˜μ§€ μ•ŠμŒ). λ¬Έμ„œμ—μ„œ id 및 title 속성이 ν•„μš”ν•˜λ‹€κ³  μ§€μ •ν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. λ¬Έμ„œκ°€ 더 λͺ…ν™•ν–ˆμœΌλ©΄ ν•©λ‹ˆλ‹€. id와 title을 잘λͺ» μ‚¬μš©ν–ˆλ‹€λ©΄ μ •μ • λΆ€νƒλ“œλ¦½λ‹ˆλ‹€.

@raul1991 이미 ν•΄κ²°ν•˜μ…¨μœΌλ‹ˆ λ‹«μ•„μ£Όμ‹œκ² μŠ΅λ‹ˆκΉŒ?

κ°μ‚¬ν•©λ‹ˆλ‹€. ngTable을 거의 μ‚¬μš©ν•˜μ§€ μ•ŠλŠ” μ΄μœ λŠ” λ¬Έμ„œ λ•Œλ¬Έμž…λ‹ˆλ‹€.

λ¬Έμ„œκ°€ μˆ˜μ •λ  λ•ŒκΉŒμ§€ λ‹€μ‹œ μ—΄μ–΄μ•Ό ν•©λ‹ˆλ‹€. "μ •μ˜λ˜μ§€ μ•Šμ€" λ™μž‘μ— λŒ€ν•œ μ„€λͺ…을 μ°ΎκΈ° μœ„ν•΄ Google을 κ²€μƒ‰ν•˜κ³  λ‹«νžŒ 문제λ₯Ό μ§€μ ν•˜λŠ” 것은 μ‹€μ œλ‘œ 문제λ₯Ό "ν•΄κ²°"ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

λ‚˜λŠ” λ™μ˜ν•œλ‹€. λ§Œμ•½ 당신이 그것을 μ™„λ£Œν•  수 μ—†μŠ΅λ‹ˆλ‹€. λ“œλ‘­λ‹€μš΄μ— 'id'와 제λͺ©μ„ 전달해야 ν•©λ‹ˆλ‹€.

직접 λ¬Έμ„œλ₯Ό μˆ˜μ •ν•˜κ³  pull requestλ₯Ό μ œμΆœν•˜λ©΄ μ•ˆλ˜λ‚˜μš”....

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