angular2-directives

I understand that provider is for getting service from another class but what is multi-provider and token thing? And also when we do multi=true ? provide(NG_VALIDATORS, { useExisting: class), multi: true }) multi: true means that one provider token provides an array of elements. For example all directives for router support routerLink , router-outlet are provided by ROUTER_DIRECTIVES . If a new provider is registered with the token ROUTER_DIRECTIVES , then it overrides the previously registered directives. If multi: true (on the first registered and the new provider) is set, the new directives

I'm pretty new building directives with Angular2. What I want is to create a popup directive that will wrap the content with some css classes. Content Content can be pure text and headers like: <div class="data"> <h2>Header</h2> Content to be placed here. </div> Then I want to give this a directive attribute like: popup <div class="data" popup> <h2>Header</h2> Content to be placed here. </div> What the directive should do, is to wrap the div inside, lets say: <div class="some class"> <div class="some other class"> <div class="data"> <h2>Header</h2> Content to be placed here. </div> </div> <

I have this inputs generated dynamically: <div *ngFor="let cell of column; let i = index;"> <!-- Material design input--> <md-input id="my-input-{{i}}"> </md-input> </div> Please notice id=my-input-{{i}} I would like to get a reference to the DOM element based on this dynamic id. This input can be 3, 6 or more inputs so I need to access the id dynamically and get a hold to it. The only response is let elem:Element = document.getElementById("myProgrammaticallyChosenIndex") No other angular weird ceremony needed Tested on angular 4+ Syed Ali Taqi Use ElementRef class from @angular/core to get

So, the question is fairly simple... I have a table and some angular logic on it (calculating styles, etc)... specifically I have this on THs [class.hidden] = "column.group !== 'key-data' && currentTableView !== column.group" For my table sticky headers functionality I need to clone the table and position it fixed.. using a directive, that does something like this (simplified) let newTable = element.cloneNode(true); body.appendChild(newTable); obviously the angular logic is not applied to the newTable, but I want it to be... How do I do it? Filip Lauc So I did some research and this is what I

Problem: I would like to be able to unit test a directive in Angular 2 to make sure that it properly compiles. In Angular 1, it was possible to use $compile(angular.element(myElement) service and call $scope.$digest() after that. I specifically want to be able to do this in unit tests so I could test that when Angular ends up running across <div my-attr-directive/> in the code that my-attr-directive compiles. Constraints: Angular 2 using JAVASCRIPT . All sources somewhat related seem to require TS. Perhaps this resource truly does solve the problem and my understanding of TS is just that weak