Angular: Base: Difference between revisions
Jump to navigation
Jump to search
preloader
gridster
delay
content-loader
boostrap themes
(Created page with "<h1>Packages</h1><ul><li>Base</li><li><pre>npm i jquery bootstrap ngx-bootstrap ngx-toastr</pre></li><li>FontAwesome</li><li><pre>npm install --save-dev @fortawesome/fontaweso...") |
mNo edit summary |
||
| Line 17: | Line 17: | ||
providers: [..., { provide: LOCALE_ID, useValue: 'pt' },...]</pre><div><br></div><h1>Other</h1><div><strong><br>preloader<br></strong><br></div><div>https://webcache.googleusercontent.com/search?q=cache:XdZFCn6I6EYJ:https://devblog.dymel.pl/2017/10/17/angular-preload/+&cd=1&hl=en&ct=clnk&gl=br<br><br></div><div><strong><br>gridster<br></strong><br></div><div>https://github.com/tiberiuzuld/angular-gridster2<br><br></div><div><strong><br>delay<br></strong><br></div><div>https://www.learnrxjs.io/operators/utility/delay.html<br><br></div><div><strong><br>content-loader<br></strong><br></div><div>https://github.com/NetanelBasal/ngx-content-loader<br><br></div><div><strong><br>boostrap themes<br></strong><br></div><div>https://bootswatch.com/<br><br><strong>CORS</strong><br> https://levelup.gitconnected.com/fixing-cors-errors-with-angular-cli-proxy-e5e0ef143f85</div> | providers: [..., { provide: LOCALE_ID, useValue: 'pt' },...]</pre><div><br></div><h1>Other</h1><div><strong><br>preloader<br></strong><br></div><div>https://webcache.googleusercontent.com/search?q=cache:XdZFCn6I6EYJ:https://devblog.dymel.pl/2017/10/17/angular-preload/+&cd=1&hl=en&ct=clnk&gl=br<br><br></div><div><strong><br>gridster<br></strong><br></div><div>https://github.com/tiberiuzuld/angular-gridster2<br><br></div><div><strong><br>delay<br></strong><br></div><div>https://www.learnrxjs.io/operators/utility/delay.html<br><br></div><div><strong><br>content-loader<br></strong><br></div><div>https://github.com/NetanelBasal/ngx-content-loader<br><br></div><div><strong><br>boostrap themes<br></strong><br></div><div>https://bootswatch.com/<br><br><strong>CORS</strong><br> https://levelup.gitconnected.com/fixing-cors-errors-with-angular-cli-proxy-e5e0ef143f85</div> | ||
[[Category:Angular]] | |||
Latest revision as of 06:35, 24 September 2021
Packages
- Base
npm i jquery bootstrap ngx-bootstrap ngx-toastr
- FontAwesome
npm install --save-dev @fortawesome/fontawesome-free
- Datatables
npm install datatables.net --save
npm install datatables.net-dt --save npm install angular-datatables --save npm install @types/jquery --save-dev
npm install @types/datatables.net --save-dev- Gridster
npm i angular-gridster2
Styles
"node_modules/bootstrap/dist/css/bootstrap.min.css",<br>"node_modules/@fortawesome/fontawesome-free/css/all.min.css",<br>"node_modules/ngx-toastr/toastr.css",<br>"node_modules/datatables.net-dt/css/jquery.dataTables.css",<br>"src/styles.scss"
Scripts
"node_modules/jquery/dist/jquery.min.js",<br>"node_modules/datatables.net/js/jquery.dataTables.js"
Importing
<strong>import</strong> { ToastrModule } <strong>from</strong> 'ngx-toastr';
<strong>import</strong> { BsDropdownModule } <strong>from</strong> 'ngx-bootstrap/dropdown';
<strong>import</strong> { TooltipModule } <strong>from</strong> 'ngx-bootstrap/tooltip';
BrowserAnimationsModule,
ToastrModule.forRoot(),
BsDropdownModule.forRoot(),
TooltipModule.forRoot(),Locale (pt-br)
<strong>import</strong> { NgModule, LOCALE_ID } <strong>from</strong> '@angular/core';
<strong>import</strong> { registerLocaleData } <strong>from</strong> '@angular/common';
<strong>import</strong> <strong>localePt</strong> <strong>from</strong> '@angular/common/locales/pt';
registerLocaleData(localePt, 'pt');
providers: [..., { provide: LOCALE_ID, useValue: 'pt' },...]Other
preloader
gridster
delay
content-loader
boostrap themes