Yêu cầu thg 11 6, 2017 7:12 SA 267 0 2
  • 267 0 2
0

angular2, Làm sao để style background imange

Chia sẻ
  • 267 0 2

Trong angular 2 các bạn thường style background image bằng cách nào vậy.

2 CÂU TRẢ LỜI


Đã trả lời thg 11 10, 2017 8:01 SA
Đã được chấp nhận
+3

Bạn có thể dùng ngClass (https://angular.io/api/common/NgClass) Có thể dùng style inline hoặc viết CSS riêng. Hoặc dùng ngStyle Ex: <div [ngStyle]="{ 'color': getRandomColor(), 'font-size': font_size, 'background-color': background_color }">

Chia sẻ
Đã trả lời thg 11 8, 2017 8:23 SA
+1

Background Image thì là thuộc tính CSS, bạn có thể dùng CSS để thực hiện mà không cần đến code JS. Còn nếu bạn cần phải thực hiện set backgroup image bằng javascript thì bạn có thể dùng

document.getElementById('elementId').style.backgroundImage = "url('imageUrl.jpg')";

đoạn code trên là thuần javascript, nếu project của bạn có dùng jQuery thì bạn có thể viết lại ngắn hơn thành

$('#elementId').css('background-image', 'url("' + imageUrl + '")');

Cả hai đều được thực hiện khá đơn giản, có điều không cần gì đặc biệt liên quan đến angular 2 cả 😂

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí