I should have added the following:
if i remove the import { *ReactiveFormsModule* } from '@angular/forms';
from app.module.ts it works..if i put it back it crashes.
any help you can provide would be greatly appreciated.
thanks
On Friday, September 2, 2016 at 12:54:39 PM UTC-4, Dawg wrote:
>
> Hello,
>
> I'm not sure why but my app keeps crashing if I import ReactiveFormsModule
> into app.module.
>
> Any ideas as to why its not loading correctly?
>
> app.module.ts
>
>> import { NgModule } from '@angular/core';
>> import { BrowserModule } from '@angular/platform-browser';
>> import { FormsModule } from '@angular/forms';
>> import { *ReactiveFormsModule* } from '@angular/forms';
>> import { AppComponent } from './app.component';
>> import { UserLoginComponent } from './user-login.component';
>> @NgModule({
>> imports: [ BrowserModule, *ReactiveFormsModule*],
>> declarations: [ AppComponent , UserLoginComponent],
>>
>> bootstrap: [ AppComponent ]
>> })
>> export class AppModule { }
>>
>>
> App.component.ts
> import { Component } from '@angular/core';
>
>
> @Component({
> selector: 'my-app',
> template: `<h1>User Login</h1>
> <user-LoginForm></user-LoginForm>`
> })
>
>
> export class AppComponent { }
>
> user-login.component.ts
> import { Component } from '@angular/core';
> import { FormBuilder, Validators } from '@angular/forms';
>
>
> @Component({
> selector: 'user-LoginForm',
> templateUrl: 'app/views/login-form.component.html'
> })
>
>
> export class UserLoginComponent {
> registerForm: any;
>
>
> }
>
> Error message
>
> zone.js:484 Unhandled Promise rejection: Template parse errors:
> No provider for ControlContainer ("[ERROR ->]<form >
> <div class="container1">
> <h2>login: </h2>
> "): UserLoginComponent@0:0 ; Zone: <root> ; Task: Promise.then ; Value:
> Error: Template parse errors:(…) Error: Template parse errors:
> No provider for ControlContainer ("[ERROR ->]<form >
> <div class="container1">
> <h2>login: </h2>
> "): UserLoginComponent@0:0
> at TemplateParser.parse (http:
> //localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:8525:21)
> at RuntimeCompiler._compileTemplate (http:
> //localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:16879:53)
> at eval (http:
> //localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:16802:85)
> at Set.forEach (native)
> at compile (http:
> //localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:16802:49)
> at ZoneDelegate.invoke (http:
> //localhost:3000/node_modules/zone.js/dist/zone.js:332:29)
> at Zone.run (http:
> //localhost:3000/node_modules/zone.js/dist/zone.js:225:44)
> at http://localhost:3000/node_modules/zone.js/dist/zone.js:591:58
> at ZoneDelegate.invokeTask (http:
> //localhost:3000/node_modules/zone.js/dist/zone.js:365:38)
> at Zone.runTask (http:
> //localhost:3000/node_modules/zone.js/dist/zone.js:265:48)
>
>
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
