图像作为Angular中的复选框

ka8725

我将在Angular中实现一个元素,该元素将能够为隐藏字段设置值并在单击鼠标时更改元素的状态。很快,我需要一个行为类似于复选框的图像。为了实现此元素,我决定制作一个Angular“指令”。但是,当我更改容器选择状态的值时,不会将“ selected”类添加到容器中。如何使用Angular正确地做到这一点?

我也无法弄清楚如何更新输入的值,在这里选择哪种技术。请注意,隐藏字段的初始状态来自服务器端。

这是问题的演示demo

雷托·艾伯索德

我更新了塞子有三个小错误:

  1. 您的CSS类.selected缺少solid边框属性。
  2. 您需要$apply在指令中调用click listener来更新范围:

    el.on('click', function() {
      scope.isSelected = !scope.isSelected;
      scope.$apply();
    });
    
  3. 您以错误的顺序使用了ng-class:

    ng-class="{selected: isSelected}"
    

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

图像作为复选框

来自分类Dev

jQuery使用图像作为复选框

来自分类Dev

angular js中的复选框功能

来自分类Dev

Angular中的多个复选框

来自分类Dev

Angular 中的复选框对象

来自分类Dev

Angular 4 - 将复选框输入作为数组发布

来自分类Dev

图像的复选框问题

来自分类Dev

复选框内的图像

来自分类Dev

单击图像而不是复选框的复选框功能

来自分类Dev

9将图像修补为Android中的复选框

来自分类Dev

在 activeadmin 表单中的复选框标签旁边添加图像

来自分类Dev

Angular patchValue() 复选框

来自分类Dev

如何计算Angular中的选定复选框?

来自分类常见问题

检查ANGULAR 10中是否已选中复选框

来自分类Dev

附加到Angular.js中的模型的复选框

来自分类Dev

在Angular 2中使用管道过滤复选框

来自分类Dev

如何取消选中angular2中的复选框

来自分类Dev

Angular2中的复选框未触发事件

来自分类Dev

如何过滤从Angular中的复选框值排序的列表?

来自分类Dev

如何禁用Angular 6中的特定动态复选框?

来自分类Dev

检查ANGULAR 10中是否已选中复选框

来自分类Dev

Angular 10中复选框已选中状态

来自分类Dev

使用复选框在Angular中显示或隐藏按钮

来自分类Dev

在Angular Watch中获取复选框组值

来自分类Dev

Angular和JSON API中的动态复选框列表

来自分类Dev

在Angular 2中使用管道过滤复选框

来自分类Dev

Angular中的复选框条件类不起作用

来自分类Dev

如何使用 Angular 2 中的复选框删除多行?

来自分类Dev

如何在Angular中接受多个选中的复选框?