问题标签 [angularjs-ng-switch]

我需要写一个ng-switch有4个条件的角度。

SO上的其他一些答案建议使用ng-if而不是ng-switch.

所以我尝试了ng-if，但我真的不认为这是最好的方法，我会解释为什么：

基本上我需要显示 3 个不同的图标，这取决于我的范围内的一些变量。

我的模板中的代码如下：

现在，对我来说，这看起来真的很乱。而且，它没有按预期工作，因为它遍历所有打印所有真实的 if 语句。

是否可以做类似以下的事情？

或者，您对如何正确处理此类模板还有其他建议吗？

希望问题足够清楚。

谢谢你的帮助

我知道ng-switch-when期望一个值，但我用它创建了一个ng-repeat。

我需要做什么才能使它起作用？：

我想显示div值何时为“i”，但 angularjs 不接受。

我不知道这是否有很大的不同，但我正在使用一个由另一个显示的ng-switch内部 a 。divng-switch

提前致谢

编辑 1：我想创建ng-repeat5 个页面，这些页面位于 ng-switch 内。当重复的“i”值为一时，我希望它创建的页面在开关值等于一时显示，以及其余的页面

我有一个标记按钮，当用户单击时，标记讨论，然后标记按钮被替换为“成功标记”文本。目前，我在单击标志按钮后无法禁用 ng-click。ng-click 仍然存在文本“已成功标记”，我想阻止单击此文本以防止在标记相同讨论时出错。

html:

js：

通过添加惰性评估或阻止传播，我可能能够阻止调用 do_something() 方法，但我也希望让鼠标光标保持指针而不更改为“单击链接”鼠标图标，这可能吗？看起来鼠标按钮图像是我修复的 CSS 问题

我也尝试将 ng-click 添加到 ng-switch-when 语句中，如下所示，但是单击后，isFlagging 仍然为 false，并且我没有得到成功文本：

在我的原始代码中，我首先检查用户是否可以标记讨论，如果他们可以，我有 ng-switch，如果他们标记它，他们将看到成功消息出现：

我想重构我的代码，使 ng-click 位于错误的 ng-switch 条件内，并且我将删除 stopPropagation 方法，例如：

在第一个代码中，ng-switch 在 ng-click 之后工作，但是在第二个代码中，ng-switch 仍然为 false，即使在它被点击时也是如此。isFlagging 在 flagdiscussion 方法中切换为“true”。所以点击标志按钮后，标志按钮仍然存在，没有任何变化。

我看到了一个类似的帖子AngularJs:Why does not ng-switch update when I use ng-click? 并在 click 语句后将 x.isFlagging 添加到开关和 this.isFlagging = true ，但是添加了这个，我什至看不到标志按钮了。

有谁知道为什么会这样？

js代码：

我目前正在研究基于 json 描述的 angular 指令来显示通用表单。

我担心对所有输入进行 ng-repeat，并对可能在列表中的所有可能的输入类型进行 ng-switch 或 ng-if-iterate。大约有 15 种类型，表格可以有大约 20-50 个输入。

我可以看到自己实现了多种模式。当前的 POC 有一个输入指令， ng-if 会打开所有在 ng-repeat 中调用的类型。

输入指令：

通过调用：

我担心为每个渲染输入重复每种类型。角度如何管理这些替代方案。它如何处理 ng-repeat 中的过滤器，例如，如果我想事先过滤输入？

我应该为所有类型制定不同的指令并在调用指令之前切换它们吗？似乎开销太大了...

我有一个简单的ngSwitchCase 场景

我想ngSwitchCase在控制器中观察并获得通知，基本上是当我在选项卡之间切换时。

有任何想法吗？

I am developing an application with Laravel and Angular JS. I am using [[ ]] for data binding.

On binding data in table with ng-switch is getting error and not working.

The response Status variable getting string values 1 and 0 when I check with Firebug.

How can I solve this....

I am using Angular JS v1.5.8

Error in Console..

ng-switch我使用时不工作ng-switch-when-separator。当我选择设置时，开关指向默认 div

我有一个绑定到下拉列表的模型属性的 ngSwitch。它不起作用，所以我尝试简单地对值进行硬编码。仍然不起作用，它显示两个div。我究竟做错了什么？如果这很明显，请提前道歉，我是 Angular2 的新手。

我的html模板：

npm 服务器上的结果：

There is a following code snippet:

I want that component myHeader would be constructed before ngSwitch directive takes an action. Now component1 is constructed before myHeader.

Routing represents following code: