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

angular - 如何在 ngFor 中使用 ngSwitchCase?

从我的代码中的示例。

我总是收到此代码错误。这个怎么做?

0 投票
1 回答
2375 浏览

angular - 你可以将一组值传递给 ngSwitch 吗?

我有一个功能ngSwitch

StatusIds 可以包含一个或多个用逗号分隔的整数。

如果 statusIds 是 [2,4] 我希望它同时满足这两种情况。如果在交换机之外没有 foreach 循环,这可能吗?

0 投票
1 回答
206 浏览

javascript - Angular JS - 使用 ng-switch-when 指令向元素添加自定义指令

使用 AngularJS 1.5,我构建了一个自定义属性指令,它向元素添加了一个 date-range-picker 指令及其选项:

当我将此指令添加到这样的简单输入时:

我将在 DOM 中得到所需的结果:

并且日期范围选择器处于活动状态并且正在工作。但是,如果我向我的元素添加条件指令,在我的情况下是 ng-switch-when:

即使正在执行指令函数,该元素也不会被渲染。如何将我的指令添加到带有条件指令的元素并渲染它?

一个可行的解决方案(已编辑) 通过添加高于 ng-switch 的优先级值(显然是 1200 ),customed 指令现在在 ng-switch-then 指令之前执行,并且正在呈现 datepicker。

0 投票
1 回答
286 浏览

angularjs - ng-switch 如何加载内容

我们的团队正在 ServiceNow 中开发一个应用程序,并创建了一个嵌入几个其他小部件的大小部件。每个嵌入式小部件都包含在其自己的选项卡中,我们使用 ng-switch 在每个小部件之间切换。ServiceNow 有一个名为 recordWatch 的客户端 API,如果在相应的后端表中添加/删除了条目,它将更新页面上的内容而无需重新加载。我们遇到了一个问题,即只有在预先选择了正确的选项卡时,内容才会更新。

例如,我们有一个工作历史选项卡。如果我们已经在“工作历史”选项卡上并在后端添加新条目,则该选项卡上的内容将自动更新而无需重新加载。但是,如果我们做同样的事情并打开另一个选项卡,那么我们需要重新加载才能看到这些更新。

我们想确认 ng-switch 仅在单击相关选项卡时呈现,而不是一次加载所有内容,并且仅在单击相关选项卡之前隐藏。如果前者是正确的,我们是否需要放弃 ng-switch 才能让我们的 recordWatch 正常工作?我们可以采用另一种方法来满足我们的要求吗?谢谢!

0 投票
2 回答
58 浏览

angularjs - AngularJS 表单 - 如何使用 ng-switch 创建和更新多封电子邮件

我有一个表格来添加/更新一封或几封电子邮件。第一个电子邮件字段是强制性的。填写该字段后,可以单击“添加电子邮件”以添加新的电子邮件地址。通过这种方式,可以添加其他 4 封电子邮件(总共 5 封电子邮件)。

系统可以验证电子邮件的格式是否正确,并在必要时显示消息并将数据注册到数据库中。

这是我的观点(manageContact.html)

对于添加联系人,一切正常,并且电子邮件已正确注册。对于更新联系人,我对联系人的电子邮件有疑问。为了查看联系人的所有注册电子邮件,每次注册电子邮件以查看数据时,都需要使用我当前的脚本单击“添加电子邮件”按钮。如果电子邮件存在于数据库中,我想显示它们 - 所以每次显示行(字段+数据)。如果它不存在,则需要单击添加新电子邮件的按钮。

您能否帮我更新此代码,因为我不能直接在 ng-switch 中执行此操作?

这里我的控制器“ctrlEditContacts”和模块(app.js):

这是我的工厂(appService.js)

如果您有比 ng-switch 更好的解决方案,请告诉我。

预先感谢您的帮助。

0 投票
1 回答
40 浏览

angularjs - 仅在标签上应用 ng-switch

我有以下有效的代码:

我想避免重复这{{ x.a }}条线。

这可能吗?

所以,我想ng-switch只在a标签上应用,而不是在它的内容上。

0 投票
1 回答
34 浏览

angularjs - 我可以将 ng-switch 与 ng-repeat 一起使用吗?

我有一个名为$scope.sectionList

我想使用 ng-switch 一个一个地显示每个部分。这是我尝试过的:

然后next()功能:

但这似乎不太奏效。如果我删除 ng repeat 并手动添加部分,它似乎可以工作。有没有办法使用ng-repeatwith ng-switch

0 投票
2 回答
541 浏览

typescript - 如何在 Angular 6 中将 ngSwitch 与 *ngFor 一起使用

我有一个带有动态键和值的 Map 如下

键值对如下(可能存在其他动态值)

为了在 HTML 中显示这些数据,我使用了以下代码

上面的代码给了我一个输出如下

在此处输入图像描述

但我需要使用ngSwitch禁用latlon字段。这样我就可以得到如下输出

在此处输入图像描述