Using jQuery from Angular2 is a breeze compared to ng1. If you are using TypeScript you could first reference jQuery typescript definition. TypescriptDefinitions are not required since you could just use any as the type for $ or jQuery In your angular component you should reference a DOM element from the template using @ViewChild() After the view has been initialized you can … Read more
The code you are showing there is absolutely correct. I suspect that your problem is that you are not importing RouterModule (which is where RouterLink is declared) into the module which uses this template. I had a similar problem and it took me some time to solve as this step is not mentioned in the … Read more
So, I’ve found this: Any JavaScript libraries, such as jQuery, the Jasmine testing library, and Angular, extend the JavaScript environment with features and syntax that the TypeScript compiler doesn’t recognize natively. When the compiler doesn’t recognize something, it throws an error. So, If we wrote a library which may use by other persons in their … Read more
On each ngDoCheck triggered for the ngForOf directive, Angular checks what objects have changed. It uses differs for this process and each differ uses the trackBy function to compare the current object with the new one. The default trackBy function tracks items by identity: It receives the current item and should return some value. Then … Read more
Should be Also make sure you import FormsModule inside the app.module.ts under imports
The ControlContainer is a abstract class which is extended by the AbstractFormGroupDirective inside the ReactiveFormsModule. The error is thrown if you’re using the ReactiveFormsModule and a <form>-element without a FormGroup bound to it via [formGroup]=”myForm”. To fix this error you have to create a FormGroup and bind it to your form: Also make sure you … Read more
If you want to perform a hover like event on any HTML element, then you can do it like this. HTML Component You should use both mouseenter and mouseleave events in order to fully implement functional hover events in angular 2.
You enable it by importing and executing the function (before calling bootstrap): But this error is indicator that something is wrong with your bindings, so you shouldn’t just dismiss it, but try to figure out why it’s happening.
You’re trying to “import” a component in SomeModule. You import modules and declare components, which is exactly what the error message tells you — you tried importing a directive SomeComponent. Unexpected directive ‘SomeComponent’ imported by the module ‘SomeModule’. Move the SomeComponent from imports to declarations.
In fact, you can use a datepicker by simply adding the date value into the type attribute of your inputs: In some browsers like Chrome and Microsoft Edge (not in Firefox), you can click on the icon within the input to display the date picker. Icons appear only when you mouse is over the input. … Read more