无法隐藏引导程序按钮

嗨我试图隐藏引导程序按钮。只有当我点击一个复选框时，我才能看到它们。但我无法实现。任何人都可以帮忙吗？无法隐藏引导程序按钮

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>

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

来源

2014-12-13 krish_cloudnow

＃done-button或＃done-modal-button？ – 2014-12-13 18:37:03

@ Bhojendra-C-LinkNepal对不起。＃done-modal-button – 2014-12-13 18:38:21

您不需要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?

来源

2014-12-13 20:52:19

这工作得很好。我不想在这条线上做白痴。非常感谢@Fabrico。 – 2014-12-14 02:54:03

伟大的回答，我不熟悉角，并想给他一个工作的答案，直到他找到了一个正确的方式：D +1从我：D – Alin 2014-12-14 13:43:40

尝试使用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

我想你有没有其他的jQuery库在脚本中，使用上面的方法，你可以在我给你的jsfiddle使用方法在评论或者你可以加载jquery-1.9.1，它会工作，看到这个JSFIDDLE与AngularJS和jQuery-1.9.1

要加载库，只需将它添加到您的头标记中：

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

来源

2014-12-13 18:38:27 Alin

工作。非常感谢。任何关于如何让它显示的想法是勾选复选框。 – 2014-12-13 18:43:16

@krish_cloud现在你想让它在ckechbox被选中时可见并且不能被隐藏？ – Alin 2014-12-13 18:45:28

@krish_cloudnow我更新了我的答案，并且还添加了一个工作jsfiddle复选框的工作方式。如果这回答你的问题，随时标记:) – Alin 2014-12-13 18:51:55

无法隐藏引导程序按钮

回答

相关问题