ng-binding이 작동하지 않지만 ng-model이 작동합니다.

Question

저는 Angular (1.3.10)을 사용하는 법을 배우고 있습니다. 저는 카드를 연주 할 때 필요한 양복과 값을 지정하는 두 개의 입력란을 가지고 있습니다. 아래 이미지에서 알 수 있듯이 양복과 값을 하드 코드하려고하면 카드가 잘 보입니다 (오른쪽에 하나). 그러나 ng-model을 사용하여 바인드 할 때 브라우저에서 카드를 가져 왔지만 card_value가 올바르게 표시되지 않습니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까? I가 표시되는 것을 볼 무엇

<div ng-app = "cards"> 
    <form> 
     <div> 
      <input ng-model = "card_value"> 
      <span>of</span> 
      <input ng-model = "card_suit"> 
     </div> 
    </form> 

    <div> 
     <p>Entered: {{card_value}} of {{card_suit}}</p> 

     <!-- card.value is not binding up perfectly fine --> 
     <card value = "{{card_value}}" suit = "{{card_suit}}"></card> 
     <!-- --> 

     <!-- this shows up perfectly fine --> 
     <card value = "5" suit = "Clubs" ></card> 
     <!-- --> 
    </div> 
</div> 

: 이

크롬 관리자 : NG 결합이 실패 할 경우 강조하는 부분이며,해야 5

Answer 1

ng-bind 바인딩 단방향 데이터가 .

ng-model

이 당신은 ng-bind

<div ng-bind-html="card_value"></div> 

DEMO APP