Angular 2 templates have a special let syntax that allows you to define and pass a context when they’re being generated. import {Component, ViewChild, ViewContainerRef, ComponentFactoryResolver, ViewChild} from '@angular/core'; import {SimpleService}…
Modified: 27-Oct-2013 Type: HOWTO In this Document Goal Solution References APPLIES TO: BI Publisher (formerly XML Publisher) - Version 11.5 to 12.1 [Release 11.5 to 12.1] BI Publisher (formerly XML Publisher) - Version 5.6.3 to 5.6.3 [Release 5] Inf…
You need to define a <template> to be able to use it elsewhere in your app as a TemplateRef. You can store these TemplateRefs in a Service and then access them from any @Directive or @Component in your app. We want to create a service and a componen…
Components that you use across multiple applications need to follow a module pattern that keeps them separate from your application logic. This will allow you to make these Angular 2 components reusable and shareable and is the same pattern followed…
Install: npm i -g angular-cli Create a project: ng new hello-angular2 Run the project: cd hello-angular2 ng serve Change the port: ng serve --port --live-reload-port Create a component: ng g component contact-list-component The component will be crea…
This lesson shows you how to create a component and pass its properties as it updates into a Pipe to make a simple searchable list. import {Pipe} from 'angular2/angular2'; @Pipe({ name: 'simpleSearch' }) export class SimpleSearch{ transform(value, [f…
Angular 2 allows you to pass values from inputs simply by referencing them in the template and passing them into your Subject.next() call. This lesson shows you how to make a number input and pass the value so you can configure how much you want the…
Angular 1 provided a mechanism to place content from your template inside of another template called transclusion. This concept has been brought into Angular 2 and was renamed to content projection and given super powers. In this lesson learn how to…
