问题标签 [ng-switch]

我正在尝试使用 url 来调用选项卡元素。例如，像：这样的 urllocalhost:9000/widget&view=map将登陆页面，并选择地图选项卡并显示地图选项卡正文。

其他网址是：

• 列表：localhost:9000/widget&view=list
• 地图：localhost:9000/widget&view=map

我正在玩 angular 2（目前使用 alpha 26 版本）。例如工作正常ng-for。ng-if但是，我确实有问题ng-switch。我只是无法让它工作，即没有打印任何内容。似乎整个模板都被忽略了。

这是我的组件中的代码，也可以在github上找到：

name基本上它是一个简单的组件，我将一个具有属性的项目注入其中。该name属性确实有一个值，我可以看到该行<span>You selected {{item.name}},</span>工作正常。

我不知道，为什么它不起作用。根据我的理解，一切都应该是正确的。我与 github 上的 angular repo、单元测试等进行了比较。

这些是我检查过的，我相信没问题：

• NgSwitch通过导入和注入directives
• 语法正确
• item确实可用（但可能不在上下文中NgSwitch？）

为了确定这一点，我还尝试了一些简单的方法，例如以下模板（切换硬编码的字符串或数字）：

这也不起作用，所以它一定是我做错了的一些非常基本的事情。恐怕我在互联网上找不到任何示例或代码片段。任何帮助将不胜感激，在此先感谢。

也许使用2路绑定$watch对我来说仍然不是很清楚..但我期待这段代码应该可以工作！

我的index.html页面中有一个topNavbar指令。如果用户未登录，topNavbar 应该显示 loginButton，否则如果他已经登录，则显示loginButton 。

所以我ng-switch在topNavbar中有一个，查看CurrentUserService的isLogged属性。我想这有点像。$watch(CurrentUserService.isLogged)

但是，当我更改CurrentUserService.isLogged为时true，ng-switch不会立即更新。它会在我的任何操作后更新，例如单击按钮或更改视图。为什么它没有按我的预期工作？

这是我的代码：

索引.html

指令模板 topNavbar

控制器导航栏Ctrl

当前用户服务

谢谢你

我有一个开关可以改变一个名为 p 的变量的值。

在我的控制器中：

问题：当我在上面打印 $scope 节点时，会显示所有新节点。如果我关闭和打开（p=false 然后 p=true）我有初始的 $scope.nodes。为什么我的节点在交换机上重置？看这个例子：plunker

编辑：如果我没有指令但在我在其中使用指令时重新初始化了我的作用域，ng-switch 不会改变作用域。虽然我还没有完全理解为什么我放弃了 ng-switch 并改用了 ng-show 。

我在 Angular 中有这个对象。

在我的 HTML 中，我需要遍历它以在我的应用程序中动态创建一系列列（想想像 Trello 之类的东西）

每个type都是对自定义指令的引用。

我正在尝试找出放置指令的最佳方式。

根据这些数据，下面的代码是否适合动态创建这些代码？

我很想能够做类似......<{{obj.type}}-feed />但我不确定这是否有效，或者是否有更好的方法来创建它。

非常感谢您的想法！

当我来到那部分时，我正在认真阅读ngSwitch指令的 AngularJS API 参考：

在 on="..." 属性（或 ng-switch="..." 属性）上放置一个表达式

所以我当然想知道为什么有两种放置表达式的方法，因为它们似乎都以相同的方式工作。

我认为有一个原因，但我现在没有找到任何东西。

Plunker 测试：http ://plnkr.co/edit/VAq1t4744bnNC6RgZtEn?p=preview

我是 angularjs 的新手，并且我的 angularjs 应用程序中有 json，我希望 ng-switch 在该 json 不为空（它是一个数组）时工作。这是一个很大的 json，我说的是其中的一部分，ng-switch 有可能吗？或者我应该在我的控制器中设置范围参数？或其他一些我不知道的方式

JSON

标记

我有以下代码：

有什么办法可以优化这段代码？我想我有一些重复的 ng-binding ...

我对 Angular 很陌生，我有点被一个问题困住了。我有一个显示项目的 ng-repeat。在项目中，我有一个“显示更多信息”按钮，当您单击它时，应该会导致新视图替换当前视图（包括显示更多信息按钮）。然后，新视图将有一个“返回”按钮，该按钮将切换回原始状态。

不幸的是，我似乎无法弄清楚如何让它发挥作用。

这是我所得到的...

如果有人可以在这里帮助我，我将不胜感激。谢谢你。

我编写了一个名为“cardViewer”的角度指令，它可以在其中显示带有动画的图像。

当您按下“上一个”按钮时，图像向左滑动。当您按下“下一步”按钮时，图像向右滑动。

我尝试使用ng-switch仅支持.ng-enter和.ng-leave动画类来做到这一点。但是我需要两种进入方式（从左右进入），两种离开方式（向左和向右离开）。

所以我尝试ng-class解决这个问题。我希望它可以toLeft在切换之前添加类，这样它就可以应用特定的 css 动画。

但它似乎无法正常工作。当我按两次“下一步”按钮时，它工作正常。但是当我按“下一个”，然后按“上一个”时，新图像以正确的方向输入，但旧图像以错误的方向离开。

我的指令模板：

指示：

CSS：

这是我的插件：cardViewer

我的代码有什么问题？使 ng-switch 以多种方式进入/离开的正确方法是什么？