Backbone: View의 Attributes 메서드 내에서 "data-" 속성을 전달할 수 없습니다.

에 만든 2012년 10월 03일 · 8코멘트 · 출처: jashkenas/backbone

저는 뷰 내에서 속성을 다음과 같이 설정하는 팬입니다...

Backbone.View.extend({
 속성: {
 데이터 속성: 'mydata'
 }
 });

... 그러나 "data-attr" 키의 하이픈으로 인해 오류가 발생합니다.

캐치되지 않는 구문 에러 : 예기치 않은 토큰 -

이것이 JavaScript 키-값 개체에서 잘못된 토큰이라는 것을 알고 있지만 데이터 속성을 전달하는 것이 가장 가능성 있는 시나리오 중 하나라는 사실을 감안할 때 Backbone이 이에 대한 몇 가지 해결 방법을 제공하기를 바랐습니다. jQuery를 사용하여 렌더링 함수 내에서 속성을 설정하여 이 문제를 해결했습니다.

렌더링: 함수() {
 this.$el.attr( 'data-attr', 'mydata"');
 }

이것은 작동하지만 다른 옵션이 있는지 묻고 싶습니다.

question

출처

ghost

가장 유용한 댓글

다음과 같은 기능을 사용할 수 있습니다.

attributes: function() {
  return {
    'data-attr': this.model.foo
  };
}

braddunbar 에 2012년 10월 03일

👍4

모든 8 댓글

네 -- 그냥 JavaScript 객체입니다. 인용 키를 사용하십시오.

attributes: {
    "data-attr": "mydata"
}

jashkenas 에 2012년 10월 03일

아, 시도한 줄 알았어요! 감사 해요!

ghost 에 2012년 10월 03일

View의 Model 내의 속성에서 View의 DOM 요소로 데이터 속성을 전달하기 위해 무엇을 제안합니까? 말그대로...

 속성: {
 "데이터 속성": this.model.foo
 }

나는 "이것"에 대한 언급 범위를 잃어 가고 있습니다.

 잡히지 않은 TypeError: 정의되지 않은 '모델' 속성을 읽을 수 없습니다.

ghost 에 2012년 10월 03일

다음과 같은 기능을 사용할 수 있습니다.

attributes: function() {
  return {
    'data-attr': this.model.foo
  };
}

braddunbar 에 2012년 10월 03일

👍4

엄청난. 완벽하게 작동합니다. 신속한 답변 감사합니다!

ghost 에 2012년 10월 03일

환영합니다. 하지만 앞으로는 이와 같은 기술 지원을 위해 버그 티켓을 사용하지 마십시오. 먼저 IRC 채널이나 메일링 리스트를 사용해 보십시오.

jashkenas 에 2012년 10월 03일

다행이다. 먼저 시도했지만 DocumentCloud IRC에 응답하지 않는 Turjakas 사용자가 한 명뿐입니다.

ghost 에 2012년 10월 03일

잘못 입력해야 합니다. 현재 freenode의 #documentcloud에 242명의 사용자가 있습니다.

jashkenas 에 2012년 10월 04일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Backbone: View의 Attributes 메서드 내에서 "data-" 속성을 전달할 수 없습니다.

가장 유용한 댓글

모든 8 댓글

관련 문제