I have building a library with Angular 2.x/4.x to use in another projetcs. The problem is that : Some app's are legacy, not build in Angular, like ASP NET MVC. I have tried using the bundle '.js' ...

I'm trying to create a parent and child component where the child component is going to have a states drop down. Can someone help me understand how I can access the states drop down value in Parent...

I am trying to use the excellent holderjs library in an angular2 project. Someone wrote up a very simple attribute directive which I am trying to use. holderjs is basically a client side image pla...

I examined ngStyle, ngClass directives here but I still couldn't understand how these work: <div [attr.role]="myAriaRole"> <div [class.extra-sparkle]="isDelightful"> <div [style.wid...

If a certain attribute directive is present on an HMTL element, I would like to show some additional html content. I have searched but can't find what am looking for. For example if P tag has a dir...

I'm wading my way into Angular2. My objective is to create a responsive app that loads different components in response to different media-queries for device widths. My working example has a MatchM...

I have three nested components, called level0, level1 and level2, defined like so: @Component({ selector: 'level2', template: `<div>I am level 2</div>`, }) export class Level2 { getNa...

I am working on an application where i am getting responses in html format from a server. I am using the DomSanitizer's bypassSecurityTrustHtml and adding the sanitized html to my component (). My...

Im using ngbDatepicker and ng2-datepicker-jalali. I use ngbDatepicker directive like below: <div class="input-group" dir="ltr"> <input class="form-control" placeholder="yyyy/m/d" na...

I'm aware with basic 2-way binding in angular 2 as shown in the docs. I have an array of persons, which I'm using to build an html list: Now, when I click on a person's row, I can edit it using 2...

I'm developing a Github repo which follows the offical tutorial of Angular (Tour of Heroes). You can see all the code here. My problem, is that I have a directive declared in the main module of th...

I'm trying to create an Angular 4 Directive that will add class="active" on the label when the textfield is not empty <div class="md-form"> <input appMdbInputInit type="text" name="" i...

I've created a directive in Angular that checks if two controls have value. If one of them has been filled, the other must be filled too, so they have to be both empty or both filled. This is worki...

I am new in angular 2. How can I move focus to next control on key enter in Angular 2. I implement this code but how not working properly. Please suggest me how I do this. Thanks My component code...

I'm looking to create angular 2/4 countdown pipe. Of course I can make individual countdowns, but how do I create multiple ones? I want the following input: <span [time]="unix timestamp here"...

I want to wrap some jQuery code in an Angular2 directive. I installed jQuery library for Typings into my project with the following command: typings install dt~jquery --save --global So now i ha...

Here is my HTML: <tr *ngFor="let row of formData; let i = index" [attr.data-index]="i"> <td *ngFor="let rowdata of formData[i]; let j = index" [attr.data-index]="j"> <input type="...

I have used a custom directive to detect click outside an element in angular 2 but the same is not possible in angular 4. [plunkr] https://plnkr.co/edit/aKcZVQ?p=info When I try using the same co...

Suppose I have a component with this template: <div class="frame"> <span class="user-defined-text">{{text}}</span> </div> <style> span { font-size: 3em; } .frame {...

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: ...

Please help. I'm having trouble creating a directive that will always set text inputs to uppercase. It seems to be working looking at the user interface but the model binding is showing the last ty...

I have a simple Angular 2 directive that modifies the input value of a textbox. Note that i'm using the Model-Driven form approach. @Directive({ selector: '[appUpperCase]' }) export class UpperCa...

I have a component with the name EasyBoxComponent, and a @Directive with this @Viewchild: @ViewChild(EasyBoxComponent) myComponent: EasyBoxComponent; I thought this was the correct syntax, but thi...

I have been trying to implement a simple ngFor with Angular2 but I don't know what went wrong which lead to error 'Generic TYpe Array requires one argument(s). PLease favour import { Component } f...

I'm building a data table component that is being designed as very generic component. The idea is to define the table as this: <app-datatable [items]="currentPageResult"> <app-datatable...