Been looking for an answer to this for a week now and I finally came up with a pretty decent solution. Instead of using ngForTemplate I would suggest using ngTemplateOutlet. It is already described pretty well here: angular2 feeding data back to `<template>` from `[ngTemplateOutlet]` The custom template for the list items is placed between … Read more
The Subscribing and Unsubscribing section of the Observable Contract is definitive regarding your question. It states: When an Observable issues an OnError or OnComplete notification to its observers, this ends the subscription. Observers do not need to issue an Unsubscribe notification to end subscriptions that are ended by the Observable in this way. This is … Read more
camaron is right. Your mistake is that you declare UtilityService twice: Once in the providers of SearchComponent. Once in the providers of TransferComponent. You should declare the service ONLY ONCE to make sure both components get the same instance. For this you can choose between either of these options: Declare the service in the providers … Read more
OK I had a similar issues recently and I solved everything only on the backend side with no .htaccess stuff. when the browser sends cross server requests it firsts sends an OPTIONS request to make sure it is valid and it can send the “real” request. After it gets a proper and valid response from … Read more
With the new angular version, you should use the native Reflect object. No IE11 support though: const annotations = Reflect.getOwnPropertyDescriptor(MyModule, ‘__annotations__’).value; Read Jeff Fairley’s answer below on what to do with the data after that You can see an annotation/decorator as a normal function call. To this function the ‘Class/Function’ object (not instance) gets send … Read more
Updated for RC5 Instead of starting with the current URL and trying to get the routes from the URL, you can get all of the activated routes (associated with the primary outlet) from the RouterState: After the end of each successful navigation lifecycle, the router builds a tree of ActivatedRoutes, which make up the current … Read more
I found the answer on the angular.io site under developer docs. Upgrading from 1.x Right now angular selectors by.model and by.binding are not supported. Its not clear if these are features that are possible or that they are working on for angular 2.
update Currently there is no automatic way. See also Angular 2 typescript error when using subscribe function on new router (rc 1) See also https://github.com/angular/angular/issues/6595#issuecomment-244232725 class MyAppComponent { constructor(router: Router) { router.events.subscribe(s => { if (s instanceof NavigationEnd) { const tree = router.parseUrl(router.url); if (tree.fragment) { // you can use DomAdapter const element = document.querySelector(“#” … Read more
The template doesn’t exist in the DOM yet when the constructor is executed Use instead import { Component, ViewChild, ElementRef } from ‘@angular/core’; @Component({ moduleId: module.id, selector: ‘component-iframe’, template: ‘<iframe #iframe></iframe>’ }) export class ComponentIframe { @ViewChild(‘iframe’) iframe: ElementRef; ngAfterViewInit() { let content=”<button id=”button” class=”button” >My button </button>”; let doc = this.iframe.nativeElement.contentDocument || this.iframe.nativeElement.contentWindow; doc.open(); … Read more
You have to override the filterPredicate of your dataSource. Here’s an example of how to do it: Working demo Essentially, you want to specify what properties in your data the filter is applied to: this.dataSource.filterPredicate = function(data, filter: string): boolean { return data.name.toLowerCase().includes(filter) || data.symbol.toLowerCase().includes(filter) || data.position.toString().includes(filter); };