问题标签 [ng-switch]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
4569 浏览

javascript - AngularJS 开关表达式计算但不触发正确的结果

我正在尝试使用开关来控制一些图像 url 参数。我的image.marketplace节点是 aimage.url.indexOf('?')并且-1如果 url 中存在问号,则计算结果为正整数或正整数。我可以让我的表达式 ( ng-switch on="{image.marketplace == -1}") 正确评估,但它不会触发正确的“何时”条件。关于为什么的任何想法?

0 投票
1 回答
467 浏览

javascript - 嵌入在自定义指令中的 Ng-switch 在值更改时未得到评估

我创建了一个自定义指令,它基本上是一个可重用的表单。表单的一部分是错误消息显示,它使用ng-switch

在我的指令的控制器中,我定义了一个与服务器执行验证的函数:

然后这个函数被link输入框的模糊事件函数调用。

我注意到的是“验证”状态从未出现,但“错误”/“成功”状态工作正常。似乎 AngularJSng-switch仅在我当前的指令完成处理后才处理该指令。

有什么我做错了吗?有没有办法让我绕过这种行为,以便显示验证状态?

0 投票
1 回答
2771 浏览

angularjs - 在 Angular.js 中,是否可以将 ng-switch 指令元素替换为其内容?

我正在使用开关有条件地包含不同的内容。我希望内部内容(例如欢迎指令)替换父 ng-switch 元素。我知道你可以通过使用 replace=true 配置属性的自定义指令来做到这一点,但这可能与内置指令(如 ng-switch)有关吗?

例如,当 tabIndex 的值为“帮助”时,我希望生成以下 html:

0 投票
2 回答
7172 浏览

angularjs - 使用链接更改 ng-switch

我将如何使用链接来触发 ng-switch?

我当前的html:

我的控制器:

我错过了什么?

0 投票
1 回答
3736 浏览

angularjs - Angularjs:ng-repeat + ng-switch-when != 预期

以下代码似乎无法正常工作:

的输出{{solution.title}}是字面意思{{solution.title}}。它不会被角度处理。

0 投票
1 回答
938 浏览

angularjs - 一起使用 ng-options 和 ng-switch 时的问题

当我尝试在 AngularJS 中同时使用 ng-options 和 ng-switch 来动态更改我正在处理的小部件构建器的页面上放置的内容时,我遇到了一个问题。

我遇到了两个问题:
1. 我似乎无法将 ng-option 默认设置为模型从它显示的 json 设置的值。
2. 当我更改 ng-option 字段时,下面的开关会中断并且不再显示正确的代码。

这是代码:

这是运行它的 jsFiddle 的链接:http: //jsfiddle.net/jpeak/dkvwa/

0 投票
0 回答
372 浏览

javascript - 角度 ng-switch 不在选项之间切换,而是附加它们

我的控制器中有以下内容,这是 ng-switch 所依赖的变量:

这就是我用来更改 currentClock.state 值的方法:

我也尝试在 ng-click 中使用一个函数,结果相同,这是(来自我的控制器)中的函数:

最后是我的 ng-switch:

问题是:小时时钟指令显示为默认值,因为 currentClock.state 为真,但当我单击分钟 div 时,将 currentClock.state 设置为假,而不是小时时钟消失,分钟时钟取而代之,它得到附加了分钟时钟指令,当我再次点击小时 div 时,现在有两个小时时钟指令

0 投票
1 回答
4455 浏览

javascript - Angular JS:使用 ng-switch 并检查文件是否存在

我正在循环浏览一个东西列表,如果一个东西有一个图像,我想显示它。

但是如果一个东西没有图像,我想显示默认文本:

这有效并显示默认文本。

但是,浏览器在尝试获取不存在的图像时也会抛出错误:

有没有办法格式化这个 ng-switch 函数,这样就不会抛出这个错误?

0 投票
1 回答
159 浏览

angularjs - 在我的部分 angularjs 上做一个 switch 语句

我遇到了问题,我无法让我的 ng-switch 处理我的部分。我要做的是上传一张图片,但在上传之前,我必须先检查包含的图片大小是否没有达到 25kb。

这是我的控制器代码:

和我的部分代码:

您还认为在检查图像文件大小时我的验证就足够了,说如果包含的图像大小为:20MB,我的验证仍然会捕获它吗?抱歉,首先我无法使其在 switch 语句中起作用。:(

0 投票
2 回答
3750 浏览

javascript - 如何与 ng-switch 中的全局变量进行比较

我正在使用 AngularJS$rootScope对象来公开一些控制器和视图都需要访问的全局常量:

当我尝试在视图中呈现全局值时,它可以正常工作:

同样,如果我在某个条件下引用全局值,ng-if它也可以工作:

但是,当尝试在一个ng-switch块中使用相同的值进行比较时,它永远不会评估为真。这个 JSFiddle展示了我试图让它工作的尝试。我还尝试将常量值显式引用$rootScope为表达式的成员和表达式(在双花括号内),但没有任何效果。

任何想法我做错了什么?

谢谢,

蒂姆