问题标签 [ngboilerplate]

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 回答
1548 浏览

angularjs - AngularJS HTML 模板/片段管理

我是来自 Backbone+Marionette+Require 的 Angular 菜鸟。

如果你的应用有一堆视图和一堆指令,每个都有自己的 HTML,你把所有的 HTML 片段放在哪里?我看到的大多数示例都是将它们内联存储在它们自己的脚本标签中,或者异步加载。我喜欢 RequireJS 的一件事是模板可以存在于它们自己的文件中,但可以编译到主 JS 文件中用于生产。我假设有一个繁重的任务或类似的东西?也许是从单个文件中获取 HTML 并在构建时将它们嵌入到合并 HTML 文件中的单个脚本标签中?

谢谢。

0 投票
3 回答
8752 浏览

angularjs - Angular.js 从多个模块配置 ui-router 子状态

我想实现一个设置,我可以在主模块中定义一个“根状态”,然后在其他模块中添加子状态。这是因为我需要先解决根状态,然后才能进入子状态。

显然,这应该可以根据这个常见问题解答: 如何:从多个模块配置 ui-router

对我来说它不起作用: 错误未捕获错误:ngBoilerplate.foo中没有这样的状态“应用程序”

这是我所拥有的:

应用程序.js

foo.js

我如何使这项工作或我可以采取哪些其他方法在每个状态之前全局解决某些问题(而不在每个状态上定义一个解决方案)?

0 投票
1 回答
1649 浏览

angularjs - 从 SPA 前端获取后端 flash 消息

我发现在使用单页应用程序时很难处理从后端返回的 flash 消息。

假设有五个动作:

登录、注销、搜索、添加、删除。

每个动作都会发出消息(成功或失败,可能更多)。在非 SPA 中,很容易在模板中执行类似 backend.getFlash()的操作来获取存储在会话中的消息。

但是,在 SPA 中,如果结果以 JSON 格式返回,那么后端当然可以将消息传递给 js 框架,比如 angularjs。但这真的很乏味,而且一点也不灵活。

有没有人有任何想法或经验?

谢谢

0 投票
2 回答
554 浏览

javascript - 如何在 ng-boilerplate 中包含 CDN 托管的库?

我想基于 ng-boilerplate 将 CDN 托管的 Firebase Javascript 文件添加到我的应用程序中。

我尝试将其添加到vendor_filesbuild.config.js 中,但它未包含在输出 index.html 中 - 可能是因为它无法在本地找到该文件?

如果我直接将它添加到 index.html 模板中,该应用程序就可以工作,但这不干净并且会破坏测试。

有没有办法将外部文件添加到 ng-boilerplate 或修改 Gruntfile 以添加它们?

0 投票
1 回答
1743 浏览

angularjs - ng-boilerplate grunt 脚本编译

我希望能够在我自己的应用程序中复制 ng-boilerplate 的脚本编译过程,但我无法让它工作。

我指的是将 index.html 中的这一行编译成我的应用程序中所有脚本的列表:

我添加了 filterForJS 函数并在我的 gruntfile.js 中注册了多任务,但它不起作用:(

0 投票
1 回答
156 浏览

javascript - 如何在使用 NG Boilerplate 编译期间更改订单脚本/css 插入

我正在使用 NG Boilerplate 创建一个 angularJs 应用程序,我遇到了一个问题,其中包含我的登录控制器的 JS 文件在 loginModule.js 文件之前被写入 index.html,这导致了一堆错误。

有没有办法控制将 JS(和 CSS)文件添加到编译页面的顺序?

0 投票
1 回答
533 浏览

angularjs - ngBoilerplate+bootstrap -> 导航栏未正确显示

我有这个 ngBoilerplate 框架,我正在尝试构建一个应用程序。我现在真的刚刚开始,但似乎无法使导航栏具有合适的大小。就好像 bootstrab js 和 css 没有正确加载或编译。

它现在看起来像一个大容器,类似于 jumbotron。但是,如果我将编译我的 js-es 和 less-es 的行替换为另一个引导程序实例的路径,特别是它的 css 和 js,它就可以完美地工作。

不工作,但是

这个显示就好了。现在我不确定是否应该或在哪里告诉 grunt 哪些文件对我很重要......我在 build.config.js 文件中尝试过,但它不起作用。

在 src/less/main.less 我有一个“@include path-to-bootstrap/less/bootstrap.less”,并且在 bootstrap.less 中加载了所有内容。

所以,作为一个结论,我的问题是我应该把什么和放在哪里,以使导航栏工作?

要重现我的错误/误解,可以下载(git clone https://github.com/ngbp/ngbp,将 bootstrap 更新为 3.0.3,将 angular-bootstrap 更新为 0.7.0)并编译项目。此外,将引导示例 ( http://getbootstrap.com/components/#navbar ) 中的导航栏添加到 index.html。

如果它看起来不错,它应该,它工作。如果不是,它看起来又肿又大,那么你就在我的位置上。

谢谢 !

0 投票
1 回答
559 浏览

angularjs - ui-view 不使用 ng-boilerplate 呈现

我在我的 angular.js 应用程序中使用 ng-boilerplate 和 ui-router。我有一个 3 部分布局、一个顶栏、一个侧边栏和一个主布局。我使用 ng-switch 在主布局中显示不同的视图。这是我的 index.html 的样子

我的HeaderTemplateSidebarTemplate正在渲染,但主要布局没有被渲染。

我检查了sectionin的值$scope。这section1很好,当我在开发人员工具中检查时,这就是它的DOM样子

所以这里选择了正确的部分,但ui-view只显示了一个评论ui-view-anchor。(我不知道那是什么。)。我查看了我的 html 源代码,看看我是否正在获取我section1的 、section2等的模板,我发现我正在获取它们。我在 中看到了templates-app.js,我正在为我的部分获取 html。知道为什么它在获取 html 时不呈现 html 吗?我的$stateProvider配置看起来像这样

等等。

0 投票
1 回答
950 浏览

datepicker - 如何将 ui.bootstrap.datepicker 包含到 ng-boilerplate 中

我目前正在使用来自:https ://github.com/ngbp/ngbp 的 ngboilerplate

我想包含来自 UI-Bootstrap 的“ui.bootstrap.datepicker”(Twitter Bootstrap 是用 AngularJS 原生编写的)。问题是这似乎没有包含在最新版本的 ngboilerplate 中。有谁知道我如何将其添加到 ngboilerplate 的样式中。

这意味着其他开发人员可以使用 bower install 将其作为依赖项加载。

0 投票
2 回答
359 浏览

angularjs - 当我遵循模块模式结构(没有 ngBoilerplate)时,AngularJS 应用程序不显示任何视图

为了改进我的应用程序目录的结构,我安装了ngBoilerplate只是为了意识到我不了解如何使用该框架从头开始创建应用程序,所以我决定手动遵循模块模式(没有 ngBoilerplate)。

在将我的应用程序迁移到模块化结构之前,我采取了以下步骤:

我创建了这个目录。

我设置了 index.html

然后,我设置了第一个视图...

..带有自己的模块。

最后是应用程序(基本上是 ngBoilerplate 示例应用程序的副本)。

当我index.html在浏览器中打开时,页面不显示视图主页(我正在测试的唯一视图)。控制台只是这样说:

在此处输入图像描述

我已经被困了一段时间了。有什么问题?

提前致谢!

编辑

这是一个笨蛋