|
|
Postitatud 29.10.2018 14:54:16
|
|
|
|
JQuery DataTables on väga kasulik andmeloendi plugin, pole vaja ise lehekülgede sorteerimist, filtreerimist ja muid funktsioone kirjutada, lihtsalt tagasta määratud json-formaat, plugin aitab andmeid kuvada. Kuidas rakendada seda kasulikku tabelikuva pluginat Angulari projektidele?
See artikkel integreerib Angular+bootstrap+DataTables
DataTables ametlik veebileht:Hüperlingi sisselogimine on nähtav.
nurkandmetabelid:Hüperlingi sisselogimine on nähtav.
(Angular Structural Framework dünaamiliste veebirakenduste jaoks + DataTables jQuery plugin keerukate HTML-tabelite jaoks)
GitHub:Hüperlingi sisselogimine on nähtav.
Esmalt vaatame efekti pärast integratsiooni, nagu allpool näidatud:
Starteri paigaldus
Nurkandmete tabeli kasutamiseks tuleb paigaldada Node 8.9 või uuem ning NPM 6 või uuem.
See dokument käsitleb ainult projekte, mis kasutavad angular-cli-d. Tegelikult kasvab front-end ökosüsteem kiirusega, mida ma enam jälgida ei suuda. Seega on ainult õpetus angular-cli projekti jaoks. Kui sul õnnestub see tööle panna, näiteks SystemJS projektiga, palun esita pull request, et seda dokumentatsiooni parandada. Täname!
Angular-CLI versioon 7.YZ
Soovitan angular-cli-d kasutada nurkprojektide loomiseks ja haldamiseks
Eelistan hoiatada, et demoversioon on 7. YZ versioonis, samas kui uuematel Angular-CLI versioonidel võib olla vaja teistsugust konfiguratsiooni.
NPM
Enne kui saad NPM-iga uusima versiooni, pead installima selle sõltuvused:
Minu praegune projekt on Angular 6.x ja liides kasutab Bootstrapi malli ning jQuery on viidatud, nii et minu enda projekt vajab sedaErikohtlemine，
NPM paigaldab ainult:
Laadi plug-in pakett alla datatables ametlikust veebilehelt, vaata Bootstrap 4 ja DataTables ning vali allpool failide allalaadimine. Veebileht:Hüperlingi sisselogimine on nähtav.
Me eraldame allalaaditud paketi kausta "src\assets\plugins\datatables.net",Kataloog Ei, palun looge see ise！！！
Muuda angular.json faili, et lisada skripti ja stiili omadustesse sõltuvusi:
Peamiselt lisa projekti datatables.css ja datatables.js faile.
NgModule konfiguratsioon, impordi DataTablesModule rakenduse sobivale tasemele.
Kuna minu marsruut on laisk teed laadida, siis maTegelikult mitteImporditud faili "app.module.ts", palunImpordi vastavalt oma tegelikule olukorrale。
Kui import on vale, on viga järgmine:
core.js:1673 ERROR Error: Uncaught (in promise): Error: Template parse errors:
Ei saa siduda 'dtOptions'-iga, kuna see ei ole teadaolev 'table' omadus. ("<div class="rida">
<div class="col-12">
<tabeli andmetabel [ERROR ->]
Serveripoolne lehekülgede paigutus
HTML-leht (baseinfocompany-list.component.html):
CSS-kood (tuleb lisada ja mööndustega):
baseinfocompany-list.component.scss fail:
Fail styles.scss:
Typescript kood (baseinfocompany-list.component.ts)
Märkus: HttpClientModule tuleks samuti lisada app.module.ts, järgmiselt:
Hiina hiina andmetabelite kood on järgmine:
Turistid, kui soovite näha selle postituse peidetud sisu, palun Vastuse
|
Eelmine:Filmi ja televisiooni järeltöötluse töötajad ning need, kes soovivad õppida, peavad kasutama filmi- ja televisiooni võtmetehnoloogiatJärgmine:NPM eemaldab desinstallimooduli
|
Postitatud 10.11.2018 21:58:48
|
Osale vormi arhitektuuris