Angular 将模板与templateUrl一起使用

我有这样一个组件：

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

export class DrawingsComponent extends AppComponentBase implements OnInit {
}

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

    </div>
    `,
    styles: [`

  `]
})
export class GalleryComponent {

    @Input() datasource;
    selectedImage;

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

还有另一个类似的组件：

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

export class DrawingsComponent extends AppComponentBase implements OnInit {
}

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

    </div>
    `,
    styles: [`

  `]
})
export class GalleryComponent {

    @Input() datasource;
    selectedImage;

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

---

您可以在drawings.component.html（在模板或templateUrl中）中使用相同的内容

模板与其组件链接，以便它们可以访问组件上声明的属性/方法

---

在这种情况下，您正在将来自DrawingComponent的图像作为GalleryComponent的输入进行传递，GalleryComponent应该可以正常工作。

将此行放入

/drawings.component.html

中。这有什么问题吗？什么是“我需要将gallery组件注入DrawingComponent”的意思？模板和模板URL有什么关系？您可以将相同的内容放入模板和templateUrl中。templateUrl仅表示HTML模板内容写入外部文件中，而不是与组件类（TS）内容写入同一文件中。您是要我将其放入

绘图.component.HTML

中吗？如果是，那么如何将

图像

数组传递给它@密克罗尼克斯，我的错。非常感谢：）@密克罗尼克斯，你是对的。这是我的错。非常感谢：）@GünterZöchbauerYes，我的错。非常感谢：）