- iOS/Objective-C 元类和类别
- objective-c - -1001 错误,当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
我正致力于在 Angular 中创建“漂亮”的复选框和单选框。我在 jQuery 中开发了类似的插件,但我在使用 Angular 版本时遇到了问题,特别是复选框。
我所做的是创建一个指令 (prettyCheckbox),它的模板是一个包装复选框输入的 div:
<div class="prettyCheckbox" ng-click="toggleCB($event)" ng-class="{ 'checked': checkbox }">
<input id="{{inputID}}" type="checkbox" ng-model="checkbox">
</div>
正如你所看到的,然后模型值被检查,它将div类更改为检查,当它不是时,它不是。输入被赋予 display: none;
并且一切看起来都不错。当我设计它时,我将它设置为使用带有 for 属性的标签,一切正常。
然后我记得你也可以用标签包装输入,点击那个标签应该会触发输入。我在上面测试了我的代码,它变得 super 有问题。我看到了我设置的示波器监视和控制台日志,每次单击 div-checkbox 时都会触发变量 3 次,单击标签时触发两次,而这些时间中的每一次实际上都不会更改值.这没有任何意义。我现在调整了一下,我不知道真正的问题是什么,也不知道如何解决。我希望我能得到一些建议。我用代码创建了 plunker:http://plnkr.co/edit/OVzSUhqnLDpvtuiRh2sM?p=preview .请注意,plunker 确实生成了一堆控制台日志。
最烦人的不一致之一是当我看到变量发生变化但 ng 类没有触发并相应地发生变化(当单击标签时)。
编辑:通过应用更改了框,但多次点击仍然没有成功。
编辑 2:我试图对其进行修改以获得有关双击的更多答案,最终对其进行了调整并进行了清理。我有点明白为什么在第二种情况下(包装标签)单击复选框最终会单击 3 次:单击它也会单击包装标签,但仍然只有 2 次点击。 Donno #3 来自哪里,但我的解决方案似乎有效。这是一个新的 plunkr: http://plnkr.co/edit/vvIDSHshvsq1akvFpdUc?p=preview
最佳答案
当您从点击事件 DOM 更新范围变量时,您需要告诉 Angular 通过运行摘要循环来更新绑定(bind)。目前在您的情况下,您正在 label.click
事件上操作范围绑定(bind),因此您需要在其中使用 scope.$apply()
代码
label.click(function() {
scope.toggleCB();
scope.$apply()
});
关于javascript - AngularJS : Scope value changing, 但并不总是应用 ng-class,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31171937/
我正在尝试使用 flot 绘制 SQL 数据库中的数据图表,这是使用 php 收集的,然后使用 json 编码的。 目前看起来像: [{"month":"February","data":482},
我有一个来自 php 行的 json 结果,类似于 ["value"]["value"] 我尝试使用内爆函数,但得到的结果是“value”“value” |id_kategori|created_at
脚本 1 将记录 two 但浏览器仍会将 select 元素呈现为 One。该表单还将提交值 one。 脚本 2 将记录、呈现和提交 两个。我希望它们是同义词并做同样的事情。请解释它们为何不同,以及我
我的python字典结构是这样的: ips[host][ip] 每行 ips[host][ip] 看起来像这样: [host, ip, network, mask, broadcast, mac, g
在 C# 中 我正在关注的一本书对设置和获取属性提出了这样的建议: double pri_test; public double Test { get { return pri_test; }
您可能熟悉 enum 位掩码方案,例如: enum Flags { FLAG1 = 0x1, FLAG2 = 0x2, FLAG3 = 0x4, FLAG4 = 0x8
在一些地方我看到了(String)value。在一些地方value.toString() 这两者有什么区别,在什么情况下我需要使用哪一个。 new Long(value) 和 (Long)value
有没有什么时候 var result = !value ? null : value[0]; 不会等同于 var result = value ? value[0] : null; 最佳答案 在此处将
我正在使用扫描仪检测设备。目前,我的条形码的值为 2345345 A1。因此,当我扫描到记事本或文本编辑器时,输出将类似于 2345345 A1,这是正确的条形码值。 问题是: 当我第一次将条形码扫描
我正在读取 C# 中的资源文件并将其转换为 JSON 字符串格式。现在我想将该 JSON 字符串的值转换为键。 例子, [ { "key": "CreateAccount", "text":
我有以下问题: 我有一个数据框,最多可能有 600 万行左右。此数据框中的一列包含某些 ID。 ID NaN NaN D1 D1 D1 NaN D1 D1 NaN NaN NaN NaN D2 NaN
import java.util.*; import java.lang.*; class Main { public static void main (String[] args) thr
我目前正在开发我的应用程序,使其设计基于 Holo 主题。在全局范围内我想做的是工作,但我对文件夹 values、values-v11 和 values-v14. 所以我知道: values 的目标是
我遇到了一个非常奇怪的问题。 我的公司为我们的各种 Assets 使用集中式用户注册网络服务。我们一般通过HttpURLConnection使用请求方法GET向Web服务发送请求,通过qs设置参数。这
查询: UPDATE nominees SET votes = ( SELECT votes FROM nominees WHERE ID =1 ) +1 错误: You can't specify
如果我运行一段代码: obj = {}; obj['number'] = 1; obj['expressionS'] = 'Sin(0.5 * c1)'; obj['c
我正在为我的应用创建一个带有 Twitter 帐户的登录页面。当我构建我的项目时会发生上述错误。 values/strings.xml @dimen/abc_text_size_medium
我在搜索引擎中使用以下 View : CREATE VIEW msr_joined_view AS SELECT table1.id AS msr_id, table1.msr_number, tab
为什么验证会返回此错误。如何解决? ul#navigation li#navigation-3 a.current Value Error : background-position Too
我有一个数据名如下 import pandas as pd d = { 'Name' : ['James', 'John', 'Peter', 'Thomas', 'Jacob', 'Andr
我是一名优秀的程序员,十分优秀!