HTML 속성에 삽입 값 - Pug (옥)

Question

href 속성이 옥에 삽입 된 anchor 태그를 생성하려고합니다.

나는 http://jade-lang.com/reference/interpolation/과 몇 가지 질문을했지만 나에게 도움이되지 못했습니다. 이것이 내가 시도한 것이다.

a(href= "http://www.imdb.com/title/#{movie.imdb_id}") Know more 

하지만

http://www.imdb.com/title/#{movie.imdb_id} 

보다는

http://www.imdb.com/title/tt1234567 

렌더링 그러나이

a(href= "http://www.imdb.com/title/" + movie.imdb_id) Know more 

이 너무 작동합니다.

- var url = "http://www.imdb.com/title/" + movie.imdb_id; 
    a(href= url) Know more 

첫 번째 버전에 어떤 문제가 있습니까?

Answer 1

나는 흙에 대한 지식 (옥)

이없는하지만 내 생각 엔 .. "a(your code)"은 이미 컨트롤러의 범위에 있음을 이미 퍼그 (옥)에 신호이며 "{variable}"는 또한 지표이다 컨트롤러의 범위에 액세스하고 있습니다. 그래서

a(href= "http://www.imdb.com/title/#{movie.imdb_id}") Know more 

a() 내부 "{}"에 대한이 {movie.imdb_id}은의 일부이기 때문에 a() 내부 "{}" 그냥 문자열입니다 .. 더 이상 당신이 컨트롤러의 범위에 이미이기 때문에 컨트롤러의 범위를 액세스하려고하는 지표입니다 링크 문자열.

따라서 movie.imdb_id이 변수임을 프레임 워크에서 식별하려면 실제 문자열과 구분해야합니다.

참고 :

a(href="http://www.imdb.com/title/" + movie.imdb_id) Know more 

보간 텍스트에서만 사용할 수 있습니다 :이 각도가

Answer 2

당신은이에 대한 JS 문자열 연결을 사용할 필요가 사용하는 단지 guess..I'm입니다.

Answer 3

인용 할 때 단순히 pug에게 "This is a string"이라고 알려줍니다. 그것은 기본 JS입니다. Interpolation works with #{'#{interpolation}'} too!은 "보간이 # {보간}과 함께 작동합니다!"