2014-12-29 3 views
1

각도 바인딩을 통해 요소의 클래스를 업데이트하려고합니다. 내가 HAML와 동일한 기능을 수행 할 시도하고, 그러나각도가있는 HAML 클래스 업데이트

<input type='text' ng-model='data.message'></input><br> 
<div class='{{ data.message }}'></div> 

을 나는 실패 해요 : : 나는 성공적 HTML로 이것을 달성 할 수

application.haml:15: unterminated regexp meets end of file 
application.haml:15: syntax error, unexpected $end, expecting '}'): 

방법 :

%input{ type: 'text', ng_model: 'data.message' } 
%div{ class: {{ data.message }} } 

나를 준다 위의 HTML을 HAML로 변환해야합니까? HAML을 Angular와 함께 사용할 수 있습니까?

답변

1

따옴표

%input{ type: 'text', ng_model: 'data.message' } 
%div{ class: '{{data.message}}' } 

Example

+0

감사 남자 ... 왜 키 필요 'NG-응용 프로그램'=> 'App'''의 문자열하지만 기호해야합니까로 {{data.message}}를 넣어 'ng_model : data.message'? – Starkers

+0

@Starkers 나는 HAML 구문을 완전히 얻지는 못했지만이'=>'(화살표 기호)는 두 개의 문자열이있을 때 사용됩니다. 이 코드는''ng-model "=>"data.message "'로 바꿀 수 있으며 또한 작동합니다. – Rigotti