angular4-forms

I am beginner in angular and I may need a little help with this thing. First of all I will just show how could it work then I will write about how I want it to work. This is the regular way when you work with ngModel: <form> <input name="name" placeholder="name" [(ngModel)]="model.name" value="" /> <select name="select" [(ngModel)]="model.select"> <option value="1">..</option> ... </select> <input type="button" value=" click me" /> </form> This is good enough if you don't want an own appearance for the select. My aim is to create a component for this where I can create divs and other contents

I'm trying to integrate an Invisible reCAPTCHA with my Angular 4 form. In the TS part of the component I have a function like this: onSubmit(token: string) { alert(token); } And my HTML looks like this (only the relevant parts shown): <form (ngSubmit)="onSubmit()" #myForm="ngForm"> <button type="submit" class="btn g-recaptcha" data-sitekey="mykey" data-callback="onSubmit">Submit</button> </form> When clicking on that button I get either an alert saying the token is undefined, or I get an error message like this: "Cannot contact reCAPTCHA. Check your connection and try again." Not really

I want to disable all the previous/past date in ngbDatepicker , I have used ngbDatepicker . My HTML is: <input required class="form-control" placeholder="dd-MM-YYYY" name="startDate" required ngbDatepicker #d="ngbDatepicker" [readonly]="true" [formControl]="formModel.controls.startDate" [ngClass]="{'has-error':!formModel.controls['startDate'].valid && formModel.controls['startDate'].touched}" /> Sorry for being late. I just came across this question, and the above answer that mutates the properties of NgbDatcConfig . That solution works fine, but it will affect all the other NgbDatepicker

I set up a linear stepper using the Angular Material 2 Stepper. I have forms in different components (component-a, component-b, component-c). In my main container component (container-component) I want to have linear stepper that 'steps' through each component when their form is valid. Is there some sort of functionality to talk up to the stepControl in the stepper to make it properly work? I have attached documentation for the stepper and a StackBlitz version of the application. Also, a link to the repo I have working as well. Material Stepper Component: https://material.angular.io/components