问题标签 [ng-switch]

我正在尝试做一个看起来很简单的过程：显示从带有动画的 HTTP 请求接收到的项目列表。

首先，这是我的做法（我愿意接受任何建议以更好的角度方式）：

• 我在控制器中定义了一个范围变量state，当我从 HTTP 请求接收到数据时，我会更改为它。loadingloaded
• items我用接收到的数据初始化一个范围变量。
• 在我看来，我ng-switch用于状态和ng-repeat项目。
• 我用 css on 定义了一个动画ng-repeat。

这是一个 plunkr（使用 $timeout 而不是 request ）。

我不明白为什么动画不起作用。

任何帮助将不胜感激。谢谢。

我想用角度 ng-switch 检查布尔数据

这是我的代码。但它不工作

{{Item.ItemDetails.IsNew}} 和 {{Item.ItemDetails.IsFeatured}} 的值为真或假

我正在尝试实现一个依赖于范围变量的测试。我想启用ng-switch-when来解析表达式。这就是我想要做的（使用 $rootScope更新）：

我的问题是我为此工作的实现没有让范围变量“test”按我的预期进行评估和工作。这是实现：

有谁知道我做错了什么？任何帮助将不胜感激。

提前致谢！

更新

澄清一下，这是 Angular 团队如何测试 ng-switch 的一个示例。只是为了表明我正在以类似的方式进行测试，但没有得到预期的结果。

而且，我忘记将我的代码反转为 $rootScope，到目前为止，您所看到的是我试图让这项工作创建一个新范围以避免依赖 $rootScope 进行更改的尝试之一。

我对 Angular 有点陌生，想知道为什么在使用 Angular Bootstrap UI 的 Typeahead 时，我无法更新 ng-switch。

本质上，我要做的是根据列表中的选择更新视图。

这工作得很好，并且 onSelect 函数也工作得很好：

如果我将 $scope.$watch 放在“状态”上，那么我会看到它正在更新。但是，视图不会更新。

如果我只是单击 ng-click 来更新状态，那么一切正常。

任何想法将不胜感激。

我知道$apply用于连接 Javascript 上下文和 AngularJS 上下文。

一个简单的例子如下：

模板：

控制器中的javascript：

我们需要$apply在上述情况下使用。

第一个问题：

如果我将上面的 javascript 修改为：

没有控制台关于 someVal 修改为 123 ......为什么？我们不能看超时回调中修改的表达式吗？

第二个问题：

如果我们使用 ngSwitch 指令，如下所示：

当我修改subin 控制器时：

没必要用$apply！！！！为什么？

我发现 ngSwitch 指令用于$watch监视on属性值。为什么ngSwitch可以看到超时回调中修改的范围属性？？？？？？

请告诉我上述 2 个问题的原因。

我试图让 Angular 根据我的数据生成一个 CSS 滑块。我知道数据在那里并且能够为按钮生成它，但是由于某种原因，代码不会填充 ng-switch-when。当我检查代码时，我看到了两次（我知道这是正确的，因为我只有两个项目）：

我的实际代码：

编辑：这就是我试图模仿的，虽然是动态数据。http://plnkr.co/edit/WUCyCN68tDR1YzNnCWyS?p=preview

每当用户单击我的角度应用程序中的“注册”按钮时，我都会尝试将“登录”表单切换为“注册”表单，但目前单击按钮时没有任何反应；登录表单保留在屏幕上，并且没有控制台错误。谁能告诉我哪里出错了？

我试图纯粹在 html 中做到这一点，这甚至可能实现吗？

编辑：我在我的中包含了一个注册功能，UserCtrl它负责登录/注销。现在，当我单击注册时，警报被触发，但我收到控制台错误消息TypeError: boolean is not a function。

编辑2：

MainCtrl.js：

问题：给定一个包含“n”个项目的数组，我希望它们分别呈现在 m 行的单独表中。例如，如果我有一个 n=30 项且 m=6 的数组，那么我需要 5 个包含 6 个项的表，每个表水平堆叠在一起。

尝试的解决方案：我尝试使用 ng-repeat 和 ng-switch 来渲染一些东西来达到这种效果，但它没有用。我能够将这些项目呈现为一个表（这很简单）。

我知道下面粘贴的代码不起作用，因为第一个 ng-switch 没有关闭 and 标签。是否有任何众所周知的技巧来实现这样的目标？

这是作为 HTML 模板的代码：

我的代码中有自定义指令的奇怪行为。链接函数被多次调用，但作为示例，如果要初始化第三方库（示例映射），此行为会破坏库。

http://jsfiddle.net/dYs8L/1/

jsfiddle 更新了正确的代码

http://jsfiddle.net/dYs8L/2/

当 i.typ 更改时，ng-switch 不会在下面的代码中更新。也许这与开关之外的 ng-repeat 有关？在页面重新加载时它有效，但在模型更改时无效。