Soy un principiante de Angular 2 y he escrito este fragmento de código en mi dev/app.component.ts :
import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: '<h3 (click)="onSelect()"> {{contact.firstName}} {{content.lastName}}</h3>' }) export class AppComponent { public contact = {firstName:"Max", lastName:"Brown", phone:"3456732", email:"max88@gmail.com"}; public showDetail = false; onSelect() { this.showDetail=true; } }Funciona, cuando voy al navegador "se muestra Max Brown".
Ahora, quiero escribir la parte de la plantilla en diferentes líneas como esta:
import {Component} from 'angular2/core'; @Component({ selector: 'my-app', template: '<h3 (click)="onSelect()"> {{contact.firstName}} {{contact.lastName}}<h3>' }) export class AppComponent { public contact = {firstName:"Max", lastName:"Brown", phone:"3456732", email:"max88@gmail.com"}; public showDetail = false; onSelect() { this.showDetail=true; } }Pero me sale este error en la consola de Chrome:
Uncaught TypeError: Cannot read property 'split' of undefinedEnvuelva el texto en ` (comillas invertidas) en lugar de comillas simples ' , luego puede abarcar varias líneas.
var myString = `abc def ghi`;la respuesta aceptada funciona solo si queremos agregar \n en nuestra cadena, si solo queremos que el contenido esté en una nueva línea sin agregar \n en la cadena larga, agregue \ al final de cada línea como esta
string firstName = `this is line 1 \ and this is line 2 => yet "new line" are not \ included because they were escaped with a "\"`; console.assert(firstName == 'this is line 1 and this is line 2 => yet "new line" are not included because they were escaped with a "\"'); // trueNota: asegúrese de no agregar tabulaciones ni espacios al comienzo de la siguiente línea (la segunda en el ejemplo).
const multiLineString = [ "I wish, ", "There was a better way to do this!" ].join();