Не удалось скрыть кнопку начальной загрузки

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

Update 2

Я думаю, у вас нет других библиотек Jquery в сценарии, чтобы использовать описанный выше метод можно использовать метод в jsfiddle я дал вам в комментарии ИЛИ вы можете загрузить jquery-1.9.1, и он будет работать, см. это JSFIDDLE с AngularJS и jQuery-1.9.1

Чтобы загрузить библиотеку, просто добавьте это в свои заголовки:

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