부트 스트랩 버튼을 숨길 수 없습니다.

Question

안녕하세요 부트 스트랩 버튼을 숨기려고합니다. 나는 체크 박스를 클릭 할 때만 그들을 볼 수 있어야한다. 그러나 나는 성취 할 수 없다. 아무도 도와 줄 수 있습니까?

HTML

<input type="checkbox" ng-model="todo.done" value="{{todo.task_name}}"> 
<span class="done-{{todo.done}}"> {{todo.task_name}}</span>   
<a id="done-modal-button" ng-click='onCompleteTask(todo)' ng-model="todo.done" class="btn btn-xs btn-success">Done</a> 

JS

$('#done-modal-button').hide(); 

Answer 1

이렇게하려면 Jquery가 필요하지 않습니다! 이에

<a id="done-modal-button" ng-click='onCompleteTask(todo)' ng-model="todo.done" class="btn btn-xs btn-success">Done</a> 

: 만이 줄을 변경해야

<a id="done-modal-button" ng-click='onCompleteTask(todo)' ng-show="todo.done" class="btn btn-xs btn-success">Done</a> 

당신은 "todo.done는"사실 인 경우에만 링크를 표시 할을

http://jsfiddle.net/HB7LU/9139/

이 게시물을 읽는 것이 좋습니다 :

"Thinking in AngularJS" if I have a jQuery background?

Answer 2

을 숨기기 위해 CSS display:none를 사용해보십시오 :

<a id="done-modal-button" ng-click='onCompleteTask(todo)' ng-model="todo.done" class="btn btn-xs btn-success" style="display:none;">Done</a> 

업데이트를 귀하의 의견에 따라

날씨에 따라 표시 여부를 전환하려면 확인란이 선택되어 있는지 여부를 확인하거나 표시 여부를 확인해야합니다. 그렇다면 버튼을 표시하고 그렇지 않으면 다시 숨 깁니다.

$(document).ready(function() {  
    $('#checkboxid').click(function() { 
     if($(this).is(":checked")) 
     { 
      $('#done-modal-button').show(); 
     } else { 
      $('#done-modal-button').hide(); 
     } 
    }); 
}); 

Working JSfiddle

업데이트 2

난 당신이 내가 당신을 준 jsfiddle의 방법을 사용할 수 위의 방법을 사용하여, 스크립트에서 다른 jQuery 라이브러리가없는 것 같아요 주석에 또는 jquery-1.9.1을로드 할 수 있습니다. 작동하려면 JSFIDDLE 및 AngularJS 및 jQuery-1.9.1을 참조하십시오.

라이브러리를로드하려면 다음을 헤드 태그 안에 추가하십시오.

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>