Hi everyone, how i can get properties of my component?.
I have something, but does not convince me. It works well, but do not know
if it's right.
import {bootstrap, Component, ElementRef, View} from 'angular2/angular2'
@Component({
selector: 'contact-form',
properties: [
'title',
'firstname',
'lastname',
'email',
'message',
'send',
'url',
'method'
]
})
@View({
templateUrl: "components/ng2-contact-form/template/contact-form.html"
})
class ComponentContactForm {
private title:string;
private firstname:string;
private lastname:string;
private email:string;
private message:string;
private send:string;
private url:string;
private method:string;
constructor(private element:ElementRef) {
this.title = this.element.nativeElement.title;
this.firstname = this.element.nativeElement.getAttribute("firstname");
this.lastname = this.element.nativeElement.getAttribute("lastname");
this.email = this.element.nativeElement.getAttribute("email");
this.send = this.element.nativeElement.getAttribute("send");
this.message = this.element.nativeElement.getAttribute("message");
this.url = this.element.nativeElement.getAttribute("url");
this.method = this.element.nativeElement.getAttribute("method");
this.title = typeof this.title !== 'undefined' ? this.title : "Title";
this.firstname = typeof this.firstname !== 'undefined' ? this.firstname
: "First Name";
this.lastname = typeof this.lastname !== 'undefined' ? this.lastname :
"Last Name";
this.email = typeof this.email !== 'undefined' ? this.email : "Email";
this.send = typeof this.send !== 'undefined' ? this.send : "Send";
this.message = typeof this.message !== 'undefined' ? this.message :
"Message";
this.url = typeof this.url !== 'undefined' ? this.url : "/send/";
this.method = typeof this.method !== 'undefined' ? this.method : "POST";
}
}
bootstrap(ComponentContactForm);
There is a better way to do this ?.
Thanks!
--
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 http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
