2013-01-16 16 views
5

Tôi đang sử dụng AngularJS. Tính đến thời điểm này, tôi đã tải CSS dành riêng cho partials của tôi bằng cách liên kết nó ở đầu phần:Có cách nào để tải các tệp CSS trong Angular không?

<!-- File: some_partial.html --> 
<link rel="stylesheet" href="link/to/some_partial.css" /> 
<!-- Rest of partial code here --> 

Điều này không đúng. CSS không được liên kết trong các <head> (làm cho nó không chuẩn), và mỗi một lần trong một thời gian, các phong cách không thực sự được áp dụng cho một phần.

Cách chính xác để tải CSS chậm trong Angular, trì hoãn cho đến khi phần thực sự là cần thiết?

+0

bạn có thể cung cấp liên kết demo đến nơi xảy ra sự cố này không? Làm thế nào để bạn có nghĩa là css không được liên kết trong đầu? –

+0

khi bạn tải CSS mới vào DOM, bạn sẽ làm cho tất cả các bảng CSS tính toán lại. –

+1

Xem http://stackoverflow.com/questions/15193492/how-to-include-view-partial-specific-styling-in-angularjs để có câu trả lời hay hơn. –

Trả lời

1

Tôi khuyên bạn nên giới thiệu một dịch vụ theo dõi nhu cầu tạo kiểu của các bộ điều khiển khác nhau của bạn. Nó thực sự sẽ có bộ điều khiển nhỏ của riêng nó xuất ra các tập tin/đường dẫn CSS thực tế vào head trên cơ sở những gì các thành phần khác yêu cầu. Dịch vụ này sẽ được tiêm vào các thành phần khác để chúng có thể gọi các phương thức để thể hiện kiểu dáng mà chúng quan tâm. Thể hiện kiểu dáng mà chúng quan tâm có thể được thực hiện theo các tệp/đường dẫn CSS thực tế hoặc bị trừu tượng hóa như "cần hỗ trợ cho các bảng, cảnh báo, xây dựng thương hiệu tùy chỉnh, v.v ...".

Các vấn đề liên quan