簡體 English 中英

如何將動態 url 鏈接傳遞到 Angular 中的內聯 css？

[英]How to do pass dynamic url link into inline css in Angular?

原文 2020-08-24 01:08:00 1 1 css/ angular/ url/ inline

<div mat-card-avatar style= "background-image: url('{{ user.avatar }}');">

我想將 url 數據傳入 Angular 模板內聯樣式。 正確的做法是什么？

1 個解決方案

嘗試通過以下方式實現它：

<div mat-card-avatar  [ngStyle]="{ background: 'url(' + user.avatar + ')'}">

如何防止內聯CSS鏈接“顏色”抵消CSS樣式表鏈接“懸停”？

[英]How do you prevent inline CSS link “color” from canceling out CSS stylesheet link “hover”?

CSS：我該如何設置 <link media=“” /> 如果媒體類型是短語，則使用@media作為內聯CSS？

[英]CSS: How do I set <link media=“” /> as inline CSS with @media if the media type is a phrase?

如何使用HTML內聯鏈接更改CSS樣式

[英]How to change the css style with a html inline link

你如何在反應中傳遞動態 css 類？

[英]How do you pass dynamic css classes in react?

如何避免動態Wordpress風格的內聯CSS？

[英]How to avoid inline css in dynamic wordpress style?

如何在React中將變量傳遞給內聯CSS函數

[英]How to pass variables to inline css function in React

如何在 CSS 樣式表中使用動態字體 url

[英]How do I use a dynamic Font url in a CSS style sheet

如何在 react.js 中將道具值傳遞給內聯 css

[英]How do I pass props value to inline css in react.js

如何顯示帶有標題的內聯鏈接？

[英]How do I display a link inline with a header?

如何在應用程序腳本中將 CSS href 傳遞給內聯 CSS？

[英]How to pass CSS href to inline CSS in app script?

暫無

暫無

聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何防止內聯CSS鏈接“顏色”抵消CSS樣式表鏈接“懸停”？ CSS：我該如何設置 <link media=“” /> 如果媒體類型是短語，則使用@media作為內聯CSS？如何使用HTML內聯鏈接更改CSS樣式你如何在反應中傳遞動態 css 類？如何避免動態Wordpress風格的內聯CSS？如何在React中將變量傳遞給內聯CSS函數如何在 CSS 樣式表中使用動態字體 url 如何在 react.js 中將道具值傳遞給內聯 css 如何顯示帶有標題的內聯鏈接？如何在應用程序腳本中將 CSS href 傳遞給內聯 CSS？

相關標簽

粵ICP備18138465號 © 2020-2024 STACKOOM.COM