Vorlage verwenden mit templateUrl

Question

Ich habe eine Komponente wie folgt aus:

@Component({ 
    templateUrl: './drawings.component.html', 
    animations: [appModuleAnimation()], 
    styleUrls: ['./styles.css'], 
}) 

export class DrawingsComponent extends AppComponentBase implements OnInit { 
} 

und eine andere Komponente wie folgt aus:

@Component({ 
    selector: 'gallery', 
    template: ` 
    <div class="modal fade" id="selectedImageModal" > 

    </div> 
    `, 
    styles: [` 

    `] 
}) 
export class GalleryComponent { 

    @Input() datasource; 
    selectedImage; 

    setSelectedImage(image) { 
     this.selectedImage = image; 
    } 
} 

So, jetzt kann ich die gallery Komponente in die DrawingsComponent component.How injizieren müssen Ich mach das ? Wenn ich Inline-Vorlage habe, dann kann ich das tun, wie unten gezeigt. Aber ich verwende templateUrl auf DrawingsComponent.

template: ` 
    <gallery [datasource]=images></gallery> 
    `, 

Answer 1

können Sie gleiche Sache in Ihrem drawings.component.html verwenden (in Vorlage oder templateUrl)

<gallery [datasource]="images"></gallery> 

Vorlagen mit ihren Komponenten verbunden sind, so dass sie die Eigenschaften/Methoden auf die Komponenten erklärt zugreifen können .

In diesem Fall übergeben Sie die Bilder aus Ihrer DrawingsComponent als Eingabe für Ihre GalleryComponent, die in Ordnung funktionieren sollte.