Hi guys,
I am a newee using Angular 2. I developped some forms with Typesript and it
is working with Chrome but doesn't with FireFox.
First of all, I tried the "two way" data bindings with both browsers :
Chrome has a correct behavior but FireFox doesn't take in consideration the
binding with ngModel.
In addition, the datepicker of bootstrap works well on Chrome and NOT on
Firefox.
Thanks in advance,
*app.component.ts*
import {Component, OnInit, Event} from 'angular2/core';
import {FORM_DIRECTIVES, NgForm, NgIf, NgFor} from 'angular2/common';
import {Types} from './types';
@Component({
selector: 'my-app',
templateUrl:'./app/app.component.html',
directives : [
FORM_DIRECTIVES,
NgForm,
NgIf,
NgFor
]
})
export class AppComponent implements OnInit {
field:any;
types:Array<string> = Types;
ngOnInit() {
this.field= {};
}
onChange(event:Event) {
console.log(this.field.type);
}
}
*app.component.html*
<h1>My First Angular 2 App</h1>
<div class="form-group">
<label class="col-sm-2 control-label"> Select </label>
<div class="col-sm-4">
<select class="form-control"
[(ngModel)]="field.type"
(change)=onChange($event)
title="Type">
<option *ngFor="#t of types">{{ t }}</option>
</select>
</div>
<hr/>
<label class="col-sm-2 control-label"> Input </label>
<div class="col-sm-4">
<input type="text"
class="form-control input-sm"
[(ngModel)]="field.type"
placeholder="type">
</div>
</div>
--
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.
