Angular:訪問css文件中的組件變量

比拉爾

這是我的 css 文件,我正在嘗試這樣做:

.login-wrapper {
  background-image: url({{imagePath}});
}

我的組件:

export class LoginComponent implements OnInit {
  imagePath: any = 'assets/discord-logo.png';

  constructor() {}

  ngOnInit() {}
}

它不起作用。

如何將“imagePath”從我的組件注入 css 文件?

謝謝你的幫助

阿尼魯德·塔克

您可以像這樣在 html 文件中應用內聯 css:

<div class="div"  [style.backgroundImage]="'url('+imageUrl+')'">
</div>

演示鏈接:https : //stackblitz.com/edit/angular-ivy-1rf1tl?file= src/app/ app.component.html

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用 JavaScript 訪問 html 文件中內聯 <script> 標記內的變量

我可以在另一個文件中訪問 React 環境變量嗎?

ReactJs從其他文件保存功能到組件中的變量

如何訪問子類中的變量?

使用 strcat 在 Matlab 中訪問變量

我如何訪問枚舉中的變量

在 testcafe 中訪問環境變量

如何在 react.js 類組件中的另一個函數中設置相同的狀態變量後立即訪問狀態值

如何從子組件在父組件中設置變量

如何為每個循環訪問在另一個循環中定義的變量/如果條件

Angular - 具有嵌套 FormGroup 的組件中的表單控件沒有值訪問器

終端拒絕訪問 flutter sdk 路徑變量 .zshrc 文件

我需要跨文件訪問變量,我該怎麼辦?

從另一個函數 Angular 訪問變量 - Get & Post

Angular ssr css 變量名稱更改問題

從 Oracle SQL 中的變量訪問 XML 中的值

laravel 8 - 我可以在我的配置中訪問一個常量中的變量嗎

如何使用Django模板在javascript中訪問ajax jquery中的模板變量

您如何在安全規則中訪問 firebase 文檔中的變量?

在 Ruby 中訪問超類中的子類變量

有條件地將 CSS 文件導入到 Angular 組件中

Jinja2 循環中的未定義變量 - 嘗試訪問索引

如何在javascript中訪問子函數之外的變量

嘗試訪問頭函數中的私有類變量

無需複制即可訪問類中的變量

如何在單獨的函數中訪問@State 變量

如何在 __init__ 中訪問 *args 變量名

如何從settings.gradle訪問build.gradle中定義的ext變量?

通過 lambda 中的顯式此參數訪問捕獲的變量