Skip to Content
Angular Services
book

Angular Services

by Sohail Salehi
February 2017
Beginner to intermediate
294 pages
6h 9m
English
Packt Publishing
Content preview from Angular Services

Rendering The Reports

Looking at the report.html template, we are using accordion structure for report template configuration and tab structure for each individual report. The configuration tab has the active class by default. So when we open the report page, we see that the tab has been opened already.

Now what we need is a mechanism to generate tabs for each report template dynamically. That means we need to sense any update to Firebase and the moment an object is created/updated/deleted reflect that change on screen instantly. Since we already have an 'items' property associated with our Firebase object, implementing the first part is easy. Simply remove all hard-coded values from report.html and modify it as follows:

# src/app/report/report.html ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Angular Router

Angular Router

Victor Savkin
Angular 2 Cookbook

Angular 2 Cookbook

Matthew Frisbie
Angular UI Development with PrimeNG

Angular UI Development with PrimeNG

Oleg Varaksin, Sudheer Jonna

Publisher Resources

ISBN: 9781785882616