shlomiassaf / ngx-modialog

Modal / Dialog for Angular
http://shlomiassaf.github.io/ngx-modialog
MIT License
686 stars 242 forks source link

ERROR Error: Uncaught (in promise): Error: InvalidCharacterError #401

Open assiswasiq opened 6 years ago

assiswasiq commented 6 years ago

I get the following error when I route to about page:

ERROR Error: Uncaught (in promise): Error: InvalidCharacterError

here about.component.ts ` import{ Component } from '@angular/core'; import { FormControl } from '@angular/forms';

@Component({ selector:"about-page", templateUrl: 'app/about/about.component.html' })

export class AboutComponent{

public Firstname: FormControl = new FormControl("");
public Lastname: FormControl = new FormControl("");
public Email: FormControl = new FormControl("");
public Address: FormControl = new FormControl("");
constructor() {}

} about.component.html


Value: {{Lastname.value}}
    <div>
        <label for="input-email">Email</label>
        <input type="text" id="input-email" [formControl]="Email"]>
        <br> Value: {{Email.value}} 
    </div>
    <div>
        <label for="input-address">Address</label>
        <input type="text" id="input-address" [formControl]="Address"]>
        <br> Value: {{Address.value}} 
    </div>

app.component.ts import {NgModule} from '@angular/core'; import {BrowserModule} from '@angular/platform-browser'; import {FormsModule} from '@angular/forms'; import {AppRouting} from './app.routing.js'; import {AppComponent} from './app.component'; import {HomeComponent} from './home/home.component'; import {ContactComponent} from './contact/contact.component'; import {AboutComponent} from './about/about.component'; import {CapitalizePipe} from './pipes/capitalize.pipe'; import { ReactiveFormsModule } from '@angular/forms'; import { Logger } from './services/logger'; import { Logout } from './services/logger'; import { Colors } from './services/colors';

@NgModule({ imports: [BrowserModule, FormsModule, AppRouting, ReactiveFormsModule],// other mudule that we need to use declarations: [ AppComponent, HomeComponent, ContactComponent, AboutComponent, CapitalizePipe],//that will be components in our app providers: [Logger, Colors], bootstrap: [AppComponent]//tells the core component that we want to use }) export class AppModule{} `