Support for mat-card-image in angular.

rtee

March 17, 2019 10:05

In angular cards to use a image  that does not take margins and paddings, you have to add mat-card-image to img tag:

<mat-card class="example-card">
  ...
  <img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
  ...
</mat-card>

To see full working example: https://material.angular.io/components/card/examples.

Is there any way to pass this attribute to img  that is produced via <cl-image> tag?

Thanks.

0

• 

  Raya Straus

  March 18, 2019 13:30

  Hi,

  When using the <cl-image> tag you need to specify the public id of the resource rather than the URL. You can read more about public ids on the following link- https://cloudinary.com/documentation/upload_images#public_id_the_image_identifier 

  0
• 

  Bjorn Harvold

  May 18, 2019 07:07

  I am having the same question. I need to combine the mat-card-image and somehow create a Cloudinary url for my public identifier. No idea how to do this.

  0
• 

  Raya Straus

  May 19, 2019 08:38

  Hi Bjorn, 

  Can you please provide more information on what is not working for you? 

  0
• 

  Bjorn Harvold

  May 20, 2019 01:43

  Hi Raya,

  I had to do it the "ol' url way" and not use cl-image to get this to work. 

  Cheers

  0

Post is closed for comments.