AnglesJS를 사용하여 Rails 자산 파이프 라인에서 이미지를 표시하는 가장 좋은 방법은 무엇입니까?

Question

저는 Angular-driven 프론트 엔드로 Rails 앱을 만들고 있습니다. ng-switch 지시문을 사용하여 특정 컨텍스트로만 표시되는보기에 내 Rails 에셋 폴더의 이미지를 포함하고 싶습니다. 다른 모든 (레일 서비스) 이미지의 파일 경로를 <img> 태그의 src에 입력하는 것과 같은 몇 가지 해결책을 시도했습니다. 또한 각 컨트롤러를 잡고 다음이하고있는 커피 스크립트 파일에 ERB 접미사를 추가하는 시도 :

$scope.logoSrc = '<%= asset_path("images/logo_grey.png") %>' 

및 이미지 태그의 ng-src 지시어를 사용하여,하지만 굴복 404

게시 해피 도움이된다면 내 코드가 더 필요합니다. 어떤 도움을 주셔서 미리 감사드립니다!

Answer 1

는 다음을 시도해보십시오

$scope.logoSrc = '<%= asset_path("logo_grey.png") %>' 

레일 가이드의 section 2.3.3에 따르면

당신이 자바 스크립트 자산에 ERB 확장을 추가 할 경우, 뭔가를 만드는 등 application.js한다. 그러면 JavaScript 코드에서 asset_path 도우미를 사용할 수 있습니다.