问题标签 [ng-view]

我正在尝试从 url 中获取产品的标识符（例如/product/<productId>），从 mongodb 中获取 Product 对象，并使该对象在$scope我的应用程序中可访问。从 url 中获取 productId 可以正常工作$routeParams，但是我很难将对象从 mongodb 中取出并进入范围。

我的猜测是我需要在products-controller.js服务器端添加代码，但是如何从服务器端的 $scope 调用 productId？

我知道查询应该是什么样子（例如db.products.find({_id : ObjectId("5422c8b2d4cc50e99f007f73")})）

服务器.js
app.get('/api/products', productsController.list);

应用程序.js

产品-controller.js（服务器）

我是 Angular JS 的新手，在创建多模板网站时遇到了一些架构问题。

我有 2 个主要的不同模板：

1. 主页（全屏图像上的登录表单）

2. 仪表板（带有侧边栏和内容部分，用于显示不同的 wiev：联系人、分析等...）

对于仪表板，我使用 ng-wiew 和 routerProvider 解决了。

就像在官方文档教程中一样https://docs.angularjs.org/tutorial/step_07

关于主页我无法理解 Angular JS 逻辑......我可以只添加一个 Homecontroller 来管理它吗？（在那种情况下，它如何用于元和标题页等？）

或者我需要构建两个独立的应用程序......

我很困惑，在 Google 上搜索并没有太大帮助

有人可以向我解释像我这样的最佳做法吗？

谢谢

当我尝试使用 ngRoute 在 ng-view 标签内使用 Dialog 时，我在使用 angular 和 angular-bootstrap 时遇到了一个简单的问题。

在这个plunker中，您可以看到工作版本，没有 ngRoute 和 ng-view。

Javascript：

html:

在此您可以看到角度没有正确更新范围。

Javascript：

html:

看法：

请问，有人可以帮我吗？

我查看了 Eclipse https://github.com/angelozerr/angularjs-eclipse/wiki/Getting-Started的 AngularJs，我制作的每个示例都与控制器和其他很酷的东西一样工作得很好，直到我尝试了这个 routeProvider 示例。

当我打开 index.html 时，视图页面没有显示，所以我尝试了一些我在之前围绕这个主题提出的其他问题中看到的一些东西。

在我试过的视图占位符中：

我还补充说：

和：

另外 - 当我在 eclipse 中处理 angularJs 并使用 Web 浏览器打开一个 html 文件时，是否可以调试我的代码？

索引.html：

我正在尝试连接一个简单的 AngularJS 应用程序，但我无法克服undefined is not a function我的视图指令上的错误。奇怪的是，第一个视图实际上加载并呈现给指令，但我无法导航到我的第二个视图。控制器肯定没有运行。我不确定这里发生了什么。有任何想法吗？

Angular 版本：1.2.26（与 1.2.20 相同的错误）

错误

应用程序代码

我想访问 ng-view 之外的 isAuthenticated 范围。我试图将 ng-controller 添加到正文中，问题是我无法访问 isAuthenticated 因为它位于解析块内。

这就是我所拥有的：

我有两种导航栏状态，一种在主页导航栏，另一种在用户登录时。

我不想将导航栏放在我所有的视图中，我不想重复代码。

我有一个带有两个菜单的 Web 应用程序，一个在顶部，另一个在左侧。将根据记录的配置文件从数据库中检索两个菜单的选项。但是，当路线发生变化时，菜单不会呈现。

Shell.js：

我完全是 AngularJS 的菜鸟，并且已经开始构建我的第一个项目，并且在每一步都遇到了障碍......

我正在尝试构建一些非常简单的东西，这是我想要实现的要点：

• 我有 5 个页面/视图被拉入并使用基于本文的 JSON 数据创建 - blog.brunoscopelliti.com/how-to-defer-route-definition-in-an-angularjs-web-app。连接到工厂。获取JSON（）

  /li>

• 在浏览视图时，我想要一个分层的轮播过渡效果。即，如果您在索引 0 上单击索引 1，将从右到左导航，然后单击索引 0 将然后从左到右导航视图等。这在我的 plunks 中的 animate.js 文件中使用有类（）。

我已经尝试了 3 个主要选项和单独的 plunk：

选项 1使用 ng-click 添加类 - http://plnkr.co/edit/0mrebo8BMlrz1YkttxsT?p=preview

• 这会产生最好的结果，并且完全按照我的意愿导航，然后问题是当单击浏览器的后退或前进按钮时，类保持不变，这也是预期的。

• 添加/更改进入和离开视图的类。

选项 2使用 $routeProvider 解析 - http://plnkr.co/edit/SPfgKUyYt7LMQITHzj2I?p=preview

• 这会在添加类时产生延迟，即仅在第 3 次导航项单击时才真正开始工作。

• 此方法缝合添加/更改类到“进入”动画，但“离开”仍保留旧类。

选项 3使用观察 - http://plnkr.co/edit/TwtkGrY1Ww4uYY8n2LO5?p=preview

• 就像选项 2 一样，仅在第 3 次单击时才真正开始工作。

• 此方法缝合添加/更改“进入”动画的类，但“离开”仍保留旧类。

我开始认为我的主要问题是理解（或缺乏） $scope 以及 AngularJS 编译所有内容的方式。

我已经在这工作了好几个星期了，离我需要的地方更近了。任何帮助将不胜感激。

提前致谢。

更新：

• 这是使用 ui-view 和 ui-view-extras 的第四个示例

• 这是 plunk - embed.plnkr.co/vjSBLzMMKIrkHD7sOctN/preview

我正在做关于 angularjs 的教程。一切都很好，直到使用路线。我以前搜索过这个问题，但它对我不起作用。
我正在执行作者键入的代码，但它不起作用。ng-view 放入 index.html

应用程序.js

主控制器.js

main.html

github.js

我有这种情况：我有一个带有两个标签的网页。这些选项卡需要使用来自 angularjs 的 ng-view。这些选项卡的特殊之处在于它们需要在引用中使用相同的变量，例如在 c# 中引用变量（ref 关键字）。

您可以查看此演示的使用对象部分以了解我的意思： http ://plnkr.co/edit/zZfUQN?p=preview

因此，主页是主容器，选项卡是子容器。如何在这些孩子之间保留一个变量作为参考，以便在孩子之间使用相同的值。

- 编辑

我忘了提一些非常重要的事情：引用变量可以由孩子修改，并且需要在其他孩子之间保留该值。感谢您的帮助，

卡琳娜