현재 사용자 정의 프레임 워크에서 각도로 마이그레이션 중입니다. 레거시가 있으므로 스타일 시트, 이미지 및 스크립트와 같은 모든 프런트 엔드 리소스는 하위 도메인에 있어야하며 모든 URL은 절대적이어야합니다. 정적 도메인을 지정하는 매개 변수가 포함 된 CSS 파일이 많이 있습니다.) (말, $ http.get 함께로드됩니다 우리의 프레임 워크 스타일의 현재AngularJS - CSS 파일의 매개 변수
.body {background: "{{domain}}/img/bg.png";}
: 나는 CSS에서 매개 변수를 사용하는 네이티브 각도 방법을 찾고 있어요, 그래서 내가 좋아하는 떨어지게을 쓸 수 있습니다 그런 다음 .replace로 처리 된 다음 DOM에 추가됩니다.
아이디어가 있으십니까?
감사합니다.
$interpolate 서비스를 사용해보십시오. 방법에 그것을 주입, 다음과 같이 사용 : 필요한 경우
var fn = $interpolate(cssText);
var processedCssText = fn(scope); // scope is whatever obj that contains `domain` and other properties that might be used inside cssText
당신은 심지어 오프닝 & 닫는 기호를 구성 할 수 있습니다. 자세한 내용은 documentation ($interpolate)을 참조하십시오.
* .css 파일에서 작동합니까? – finishingmove
@finishingmove OP가 이미 $ http.get()을 사용하여 CSS 파일의 문자열 내용을 가져 왔습니다. $ interpolate는 삽입 된 텍스트가 포함 된 문자열과 함께 작동합니다. 그래서 네, 질문이 요구하는 것을 성취 할 것입니다. –
자바 스크립트 (각도) 변수를 * .css 파일에 넣을 수 있다면 문제가 될 것이라고 생각합니다. 나는 너를 부르지 않을거야.하지만 네가 제안한 것이 그걸 위해 일한다고 생각하지 않아. 제가 틀렸다면 설명하십시오. * .css 파일에이 코드를 어떻게 배치 할 수 있는지는 알 수 없습니다. – finishingmove
여러 개의 도메인이 있다고 가정하면 변수로 하드 코딩하지 않고 동적으로 검색 할 수 있습니까? – finishingmove
아마 당신은 자바 스크립트에서 적은 변수와 상호 작용할 수 있습니다,이 게시물을 참조하십시오 : http://stackoverflow.com/questions/3175013/load-less-js-rules-dynamically – aet
코드 스 니펫과 같은 것을 CSS 또는 HTML 파일에 넣으려고 계획하셨습니까? –
이미지 리소스와 함께 해당 하위 도메인에 CSS를 저장할 수 있으므로 CSS에 동적 URL이 필요하지 않습니다. –
@WordsLikeJared 죄송합니다. 스타일 시트가 HTML에 포함되어 있거나 하나의 파일이라는 것을 의미합니까? 그것은 하나의 파일이어야합니다. –