Sort and Filter a Table Using Angular

Sort and Filter a Table Using #Angular  #angularjs

  • Here’s the line that we will add to our ng-repeat code from our file:

    That’s all we need to change the sort order of our ng-repeat.

  • Here’s the updated section inside of our :

    Now as you click the links across your table headers, you’ll see your table sorted since we are setting the

    Next up, we’ll be adding a way to change the sort order so users can sort by ascending or descending.

  • The way we will give users the option to reverse the sort is to add in the of our table headers.
  • Now if you click your header links, you’ll see the sort order changing.
  • With a few Angular directives, we are now able to show proper feedback for sorting and for sort order.

When building Angular applications, one of the cornerstones we will…
Continue reading “Sort and Filter a Table Using Angular”

AngularJS Tutorial

  • Cookies help us deliver our services.
  • By using our services, you agree to our use of cookies

Easy guide to AngularJS offline tutorial
Continue reading “AngularJS Tutorial”

Learn HTML

  • Cookies help us deliver our services.
  • By using our services, you agree to our use of cookies

Learn HTML tag with code syntax.
Continue reading “Learn HTML”

AngularJS Tutorial

  • Cookies help us deliver our services.
  • By using our services, you agree to our use of cookies

Easy guide to AngularJS offline tutorial
Continue reading “AngularJS Tutorial”

The 4 Stages of Perf Tuning for your Angular2 App – Vinci Rufus – Medium

  • Ahead of Time (AoT) compilation and Tree ShakeAoT is one of coolest feature of Angular2 that differentiates it from other frameworks and also the one that gives you the biggest performance boost.To compile your app using AoT you would use the ngc compiler that will convert your component, HTML templates and the CSS into a chunk of code that Angular bootstrap can directly render without having to compile it in real time like the way it currently does.Using the AoT compiler can help cut down your bundle size by over 50% and improve first paint by over 45%.
  • One can use the Rollup.js or Google Closure Compiler to carry out tree shake of the AoT compiled code to further drop your bundle size.You can achieve close to 2.5x reduction in your bundle size using AoT and Tree Shake.Here is a nice and easy to follow cookbook on performing AoT and Treeshake for your angular app.2.
  • Adding a service worker and a web app manifest file to application is very easy using Angular CLI.
  • All you need to do is pass the — mobile flag and Angular CLI will automatically add the service worker and the manifest file to the application it builds.The Progressive Web App is essentially a collection of a couple of principles and guidelines that allow for an enhanced user experience on mobile device.
  • Angular apps can be easily converted into a PWA by mapping each of these PWA guidelines to an Angular feature as described below.Using Service workers and the App Shell model you can get your first render times to under 200 ms.SummarizingAhead of Time (AoT) +Tree Shake: This should be done for much most of your application there is no real reason why you shouldn’t be doing it.Universal Rendering: Again something that should be done for most applications however they become predominantly important when you have a lot of first time users, where SEO is crucial and where people generally share a lot of your content on social media.Web Workers: In case you are building large dashboard with lots of number crunching and data visualization happening in your Angular app, resort to using Web workers to ensure that users are able to continue interacting with our app while the data is being computed.Service Workers: When building a mobile first app, which needs to support things like instant loading, offline support and running in full screen mode.

Angular2 was built from the ground up with the primary goal of being fast and performant. While being fast right out of the box, the performance of Angular apps can be further enhanced really…
Continue reading “The 4 Stages of Perf Tuning for your Angular2 App – Vinci Rufus – Medium”