https://angular.io/
Fernández González, Francisco De Borja
Martínez Lobo, Inmaculada Estrella
Menéndez Barrientos, Pablo
Velasco Sánchez, Luis Emilio
Está compuesto por:
http://webcomponents.org/
https://www.typescriptlang.org/
@Component({
selector: 'alumno',
template: `<div>
<h1>{{nombre}}</h1>
<h2>{{uo}}</h2>
</div>`
})
export class AlumnoComponent {
let nombre:string = 'Bill Gates'
let uo:string = 'UO112233'
constructor() {
console.log(this.nombre + ' ha sido creado')
}
}
<body>
<alumno></alumno>
</body>
`<h1>Alumno con UO: {{uo}} </h1>`
`<button (click)="validar()">Validar datos</button>`
`<div>
<input type="text" #alumno />
<button (click)="buscar(alumno.value)">Buscar</button>
</div>`
Inyección de dependencias
bootstrap(App, [AlumnosService]) // Singleton
@Component({
providers: [AlumnosService]
})
export class AlumnoComponent {
constructor(@Inject(AlumnosService) private
alumnosService:AlumnosService) {
}
printAlumno(uo:number) {
console.log(this.alumnosService.getByUO(uo))
}
}
@RouteConfig([
{path: '/alumnos', name: 'ListadoAlumnos',
component: ListadoAlumnosComponent},
{path: '/alumno/:uo', name: 'AlumnoDetalle',
component: AlumnoDetalleComponent}
])
import {beforeEachProvider, beforeEach} from 'angular2/testing'
import {provide} from 'angular2/core'
beforeEachProvider(() => [
provide(AlumnosService, {useClass: AlumnosServiceMock}),
ProfesoresService
])
beforeEach(inject([AlumnosService], (service) => {
alumnosService = service
}))
https://saucelabs.com/u/angular2-ci