问题标签 [ngboilerplate]

我正在寻找两件事。首先，我想在 AngularJs 中集成一个带有 10 个步骤的向导。我正在使用 ng 样板。然后我想将进度条集成到向导中。对于每一步，进度条都应该更新他的状态。

例如：

1 步 -> 进度条宽度 10% 2 步 -> 进度条宽度 20%

等等...

有没有人知道一个很好的解决方案，或者有人已经在 angularjs 中做过这个。

非常感谢你的回答

我是 AngularJs 的新手，我的代码有问题。

目前我的 HTML 看起来像：

我的控制器看起来像：

如果我在向导的第一步中单击提交按钮，我会在控制台中收到错误消息：$scope.age_form is undefined

有人可以帮我解决这个问题吗？

非常感谢你的回答！

我在 angularjs 和 laravel 中构建了一个巨大的应用程序，有大约 500 个表和动态角色安全性。我想使用 ng-boilerplate 但它将我所有的 js 和视图编译到一个文件中。该文件对于初始加载来说是否太大？在我看来，这有点矫枉过正。你有什么建议只加载相关模块吗？

我正在使用默认使用 AngularJS 1.2 的ngbp 框架（以前称为 ng-boilerplate）开发 AngularJS Web 应用程序。该项目处于早期阶段，因此我们正在尝试使用 AngularJS 1.3 而不是 1.2，因为它有一些我们想要使用的不错的功能。我们还在假设 AngularJS 1.3 可能会在我们上线时成为发布版本。

ng-strict-di所以我只是在 bower.json 文件中切换了 AngularJS 的版本号，除了启用严格依赖注入 ( )之外，在 Chrome、Safari 和 Firefox 中一切似乎都运行良好。当严格的 DI 模式打开时，我会收到以下错误（此处有更多详细信息），但它只发生在 Chrome 中（FF 和 Safari 仍然按预期工作）。

似乎由于某种原因，角度源代码本身未能通过严格的 DI 测试，因此不会从 ngbp 框架内加载到 Chrome 浏览器中。上面的错误来自一个新的 ngbp 克隆，唯一的变化是 AngularJS（1.3）的版本，而不是来自我们的实际项目（尽管两种情况下的错误是相同的）。我知道这个版本的 ngbp 并没有正式支持 Angular 1.3，但正如我所说，这个应用程序似乎可以很好地适应这个变化，即使它没有通过这个测试。我想知道是否有人可能对导致此错误的原因有所了解，以及继续使用 AngularJS 1.3 和 ngbp（版本：0.3.2）的这种组合是否不明智？ngbp 中是否还有其他内容需要与 AngularJS 的版本一起更改？

如果有帮助，我将通过cd ../bin; http-server -p 8080. 如果有任何其他信息有帮助，请告诉我，如果可能的话，我很乐意提供。

谢谢你的时间。

编辑：如果它有助于我在 OS X 10.9.4 上使用以下浏览器版本进行测试：

• 铬（版本 36.0.1985.143）
• 64 位 Chrome（版本 37.0.2062.94）
• 火狐 (31.0)
• Safari（版本 7.0.5 (9537.77.4)）

我正在使用 ng-boilerplate amd 具有以下文件夹结构

在 add.js 我定义了以下路线

在 member.tpl.html 里面我定义了一个指向路由的链接

单击上面的链接将 url 更改为“#/member/member-add”，并将页面标题更改为与上面定义的“添加成员”匹配，但文件 member/add/add.tpl.html 未加载。我在控制台中看不到任何错误，并且 grunt 可以很好地构建它，我可以在 templates-app.js 中看到对该文件的引用：

编辑：其他路线很好，它只适用于子文件夹中的路线，即 app/member/add/

任何想法为什么页面没有呈现？

我从 angular.js 开始，在阅读后意识到我应该使用 ng-boilerplate 来引导我的项目。但我有点困惑，我已经克隆了项目和东西，我有一个名为 ng-boilerplate 的项目，其中包含所需的所有结构，但现在呢？我需要将项目名称“ng-boilerplate”更改为我的项目名称吗？那么诸如“Home”和“About”之类的文件夹呢？我需要删除这些文件夹并创建我需要的文件夹吗？我想我必须删除其他文件中的一些代码，对吧？问题是我从角度开始，所以不知道应该删除什么，不应该删除什么。如您所见，我对此很陌生，我对程序是否正确？谢谢

我从 Github 下载了该ng-boilerplate应用程序，我正在通过它来帮助我了解 AngularJS 和测试。

我做的第一件事就是尝试了解 Karma 测试的工作原理。所以我在 Karma 文件夹中打开了一个命令提示符，然后输入：

我希望返回完美的测试结果（因为我没有触及任何代码）。但是，相反，我收到此错误：

为什么会这样？我究竟做错了什么？

使用ngBoilerplate，我应该在哪里放置以及如何构建应用程序范围的过滤器、服务和指令？

源/应用

该app目录似乎是围绕路由安排的。

除了app.js伴随的测试（下面讨论）之外，这个目录充满了对应于应用程序的高级部分的子目录，通常对应于顶级路由。

事实并非如此，这些不对应于应用程序的高级部分，更不用说路由了。

源/公共

然而，也有一个common目录。国家README.md：

该src/common/目录包含内部和第三方可重用组件。本质上，此文件夹用于存储不完全特定于此应用程序的所有内容。

这里包含的每个组件都应该可以拖放到任何其他项目中重用；它们不应该依赖于其他不能类似拖放可重用的组件。

这似乎不适用于我的情况，因为这些项目特定于该应用程序并且不适用于其他应用程序。

（编辑以解决 src/common 文件夹）

我正在使用 ngboilerplate 构建一个 Angular 应用程序，它本质上是我所有网站及其环境的管理面板。我需要设置一种功能和模型数据的层次结构，这样任何“子”控制器/模型在没有设置“父”的情况下都无法工作。这是我要解释的内容的细分。

模型 -> 环境（产品、阶段、开发）一旦选择了环境，您就可以选择站点

模型->站点（当前环境中的所有站点）一旦选择了站点，您就可以获取站点数据

模型 -> 站点（站点数据 json 包含页面配置值等内容）

为这样的事情设置结构的正确方法是什么？我目前只是为页面内的每个路由使用单独的控制器和路由（ui-router）。我需要确保的主要功能是，如果选择的站点更改了环境，则该站点的数据将从适当的环境中重新加载。我想我会使用 $watch 来确保这一点？任何关于最佳实践的建议/提示都表示赞赏！

更新：为了澄清这里有一些细节：

我需要“关注”的主要模型是环境模型。根据设置的环境，我会调整正在使用的 api url 以及更改显示名称。它还将为 env 加载相应的站点列表（当前是一个静态 json 文件，但它可能是一个 api 调用）。这是我在问这个问题之前写的代码，当我得到 SitesCtrl 时，我意识到我可能做错了（或者无论如何都不是最佳的）。

工具.js

工具.tpl.hmtl

站点.js

Sites.tpl.html

我特别是 AngularJS 和现代客户端开发的新手。并想尝试在我的新项目中结合 Laravel 框架来实现 Angular。我对名为ngboilerplate的 Angular 种子项目感兴趣。

我已经查看了其他人关于如何集成 Angular 和 Laravel 的意见，根据我的学习，我们应该将所有 Angular 放在 Laravel 的公共文件夹中。

我需要你们的一些反馈，结合这两个框架的最佳结构是什么？我很想知道我们如何将这两个框架构建在一起进行部署？