Angular 2 CLI - AoT Compilation - Unable to use HTML5 form validators

0
votes

I'm attempting to build an Angular 2 project, using angular-cli with the --prod and --aot arguments. The build is failing with the following error: Property 'required' does not exist on type '{ [key: string]: any; }'. In my HTML, I'm using HTML5 validators on some of my inputs (required, pattern). Using JiT compilation, these work as expected. It is only during AoT compilation that the errors occur. Has anyone seen this before? I was hoping not to have to resort to defining all of my forms using the ReactiveForms method and using the Angular Validators, unless there's no way around it.

1
angularcommand-line-interfaceangular2-aothtml5-validation

1 Answers

2
votes

The following are some things that will make AoT compile fail.

  • Don’t use require statements for your templates or styles, use styleUrls and templateUrls, the angular2-template-loader plugin will change it to require at build time.
  • Don’t use default exports.
  • Don’t use form.controls.controlName, use form.get(‘controlName’)
  • Don’t use control.errors?.someError, use control.hasError(‘someError’)
  • Don’t use functions in your providers, routes or declarations, export a function and then reference that function name
  • @Inputs, @Outputs, View or Content Child(ren), Hostbindings, and any field you use from the template or annotate for Angular should be public