问题标签 [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 回答
7132 浏览

angularjs - How to prevent controller reloading when using ng-switch

In this example, using ng-switch, I'm able to switch between different views. Each view is assigned a controller.

I've put a quick sample online here : http://jsfiddle.net/FBHjZ/1/

It looks like the controller is reinstanciated everytime I switch views : If you enter a val in the input field, go to home and switch back to settings, the value is lost.

How can I prevent this? Basically, what I want is to keep state from previous views when I switch between views.

0 投票
5 回答
35271 浏览

angularjs - AngularJS:ng-switch-when 与 OR

ng-switch-when 是否可以有 OR?

如果没有,如何实现上述目标?

谢谢 :)

0 投票
2 回答
5425 浏览

javascript - Angularjs:在 tr 标签上的 ng-repeat 和 ng-switch

我正在尝试使用 AngularJS 创建一个事件列表表。但是每个事件都有一个类型,不同类型的事件内容截然不同,有些类型还会生成不止一行。

在一个完美的世界里,我会这样做:

但这不起作用,因为大多数浏览器会丢弃或重新定位 ng 标签以强制 tbody 仅包含 trs。

我看到的相关问题的唯一解决方案(如何在没有 html 元素的情况下使用 ng-repeat)是拥有多个 tbody 元素;我不想那样做,但即使我这样做,给 tbody ng-repeat 和 ng-switch 属性,我仍然有一个问题,我不能在单个 ng-switch-when 中包装多个 tr .

有没有办法在 AngularJS 中做到这一点,或者这是不可能的?

0 投票
1 回答
712 浏览

angularjs - ng-switch always true

I want to hide uls if they are empty:

But they are not hidden regardless of the content in the ng-switch on

This is the data structure:

0 投票
1 回答
11920 浏览

angularjs - ng-switch 和 ng-repeat 干扰同一元素

我在 Angular 中遇到了我没想到的行为,这篇文章的目的是找出这是一个错误还是有意为之,并可能解释为什么它是有意的。

首先看到这个 Plunkr:http ://plnkr.co/edit/CB7k9r?p=preview 。在示例中,我创建了一个名为 array 的数组,其中包含三个对象条目。此外,我根据输入字段的内容(称为切换)创建了一个 ng-switch。当 toggle 的值为 1 时,它应该打印数组中所有以“1”为前缀的对象名称,否则以“other”为前缀。

这不能按预期工作,并显示错误:

然而,相同的示例重写(http://plnkr.co/edit/68Mfux?p=preview)在列表周围有一个额外的 div,ng-switch 移动到这个 div 和 ng-switch-when 从 li 移动到ul(将 ng-repeat 和 ng-switch-when 分开)确实按预期工作。

有人可以解释这是为什么吗?

0 投票
1 回答
358 浏览

angularjs - 布局问题中的 ng-switch 元素

我正在使用 ng-switch 在布局中创建过滤输入字段。我正在打开路由名称,并使用此字段过滤每页上 ng-repeat 中的数据。

这种方法的问题在于,我在一个页面上输入的值在导航到另一条路线并过滤另一页上的数据时会保持保存。我正在使用内置的角度搜索过滤器,因此使用了模型名称。

我可以在路由更改时以某种方式重置过滤器的值吗?

另一个问题是我发现这个 $parent.$parent 范围访问不切实际,但我找不到更优雅的方式。

非常感谢任何提示!

0 投票
3 回答
19916 浏览

angularjs - angularjs - ng-switch 不绑定 ng-model

我有这个 repro http://embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq当我点击“Title3”并在文本框中输入一个值时显示,虽然输入的值显示在 UI 中,但当我点击“点击”按钮时什么都没有为范围属性 $scope.test 绑定。

我不知道 ng-switch 有什么问题,或者我做错了什么。帮助表示赞赏!

http://embed.plnkr.co/nVCmukG5abpi1Y4ZHkrq

0 投票
1 回答
6969 浏览

angularjs - 使用空元素参数调用 Angular 指令的链接函数

我有一个场景,其中使用导致错误link的空参数调用指令的函数。element

一个代码示例最好地描述了该场景:

索引.html:

脚本:

templateUrlpartial.html(上面的on引用outer):

在Chrome中加载index.html,控制台报错:“TypeError: Cannot read property 'offsetTop' of undefined”——因为element是空数组!

一些注意事项:

  • replace必须在指令上设置为 true outer
  • templateUrl指令必须使用outer它来加载它的部分。

我不确定我是否忽略了一些配置要求,或者这是一个 Angular 问题。这是一个有效的场景吗?如果是,那么是 ng-switch 的问题还是 Angular 内部存在更深层次的问题?

0 投票
1 回答
193 浏览

angularjs - ng-switch 更改指令的用户界面

我创建了一个用于显示人员详细信息的指令:

});

风景:

它的调用方式:

强制是父控制器的属性。

现在,如果 myPerson 为 null,则指令的 UI 应显示搜索按钮而不是人员详细信息。

doig 的最佳方法是什么?我可以使用 ng-switch 语句吗?在这种特殊情况下我将如何使用它?

0 投票
1 回答
8156 浏览

javascript - Angular forms with ng-switch

I'm trying to get a form object from the scope of a controller when I get a name to de form. It work fine, but if I create the form with a ng-switch, the form never shows in the scope.

the view

the controller

If I remove the ng-switch I can see the property "theForm" from the $scope as the form obj.

Any idea how to do it. I don't want to have the two forms with different names and use ng-show.

Here is the example "not-working" http://plnkr.co/edit/CnfLb6?p=preview