问题标签 [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 回答
302 浏览

javascript - 如何正确部署 Angular 应用程序(基于 ngBoilerplate 并使用 nginx)?

我发现,ngBoilerplate非常容易在基于 Angular 的 Web 开发中迈出第一步。知道我正在尝试准备我的部署管道,所以我使用 github、travis-ci 和 dockerized nginx 映像。

我认为要正确部署我的简单 Angular 网站,我只需要:

然后复制bin/目录:

到 nginx 目录/usr/share/nginx/html/

不幸的是,javascript 代码出了点问题。我有错误

https://docs.angularjs.org/error/$injector/nomod?p0=ngBoilerplate.home

我究竟做错了什么?

0 投票
0 回答
41 浏览

angularjs - 测试包装的 $http angularjs

我正在使用 angularjs,我必须测试包装的 $http

我认为测试应该是这样的

PS:我正在使用 ngBoilerplate。谢谢

0 投票
2 回答
559 浏览

angularjs - 如何在 AngularJS ngBoilerplate 中添加模块?

我正在使用 AngularJS ngBoilerplate并尝试添加我的模块。我将带有代码的文件 mymodule/mymodule.js angular.module( 'mymodule', [] ); 放在公共目录中。我在build.config.js中添加了文件路径,然后将其添加到app.js依赖项中:

然后运行grunt build并得到:

脚本 mymodule.js 正确包含在页面中。

我究竟做错了什么?

0 投票
2 回答
74 浏览

gruntjs - ngBoilerplate 和 Font Awesome

我有一个 ngBoilerplate 项目,我想给它添加 Font Awesome。

我已经安装了 Font Awesome:

然后我将以下内容添加到build.config.js文件中:

我在我的src/less/variables.less文件中添加了以下内容:

现在我想在我的网站上添加一个简单的主页图标:

相反,现在我得到一个 ␦ (ascii,空白方块)图标应该在哪里。
Font Awesome CDN 运行良好,但无法与 bower 一起使用。

0 投票
1 回答
112 浏览

ruby-on-rails - ng-boilerplate LESS 文件未编译为构建目录中的 CSS 文件

CSS(来自 LESS)没有在我的 ng-boilerplate 应用程序中呈现或编译。

我正在使用这些教程创建一个使用 ng-boilerplate 和 rails 的应用程序并且我们已经将一个工作的 rails 服务器与 angular.js 集成在一起。角度适用于任何页面......如,我们可以使用:

要得到

然而,Less 和 CSS(它是从一个没有 rails 的功能性 ng-boilerplate 应用程序复制和粘贴的,它可以正常工作并从所有不同的目录编译)没有编译到构建目录也没有渲染。事实上,在这个新的应用程序(带有 rails 的应用程序)中,即使是来自 ng-boilerplate 模板的原始 css/less 也不会编译或渲染。

正如教程所建议的那样,我们尝试使用以下命令,它创建了奇怪的嵌套构建目录(构建内部构建内部的构建)并且没有解决问题。

同时,UI 文件夹使用符号链接链接到构建文件夹,但是...

LESS(来自不同目录中的不同文件)都应该编译为一个名为 ng-boilerplate.css 的 CSS 文件(它在没有 rails 的原始应用程序中完成),而是有一个名为 ng-boilerplate-0.3.1 的文件.css,它是空的。我尝试重命名它,但每次 grunt 构建它时,它都会将自己重命名为 0.3.1。

我正在使用 rails 4.2.1 版,ruby 说它是 2.1.0p0。

0 投票
0 回答
89 浏览

angularjs - 在 ng-boilerplate 中发出 $http 请求

我的主管希望我使用 ng-boilerplate 进行演示。文档指出它利用

而不是使用 $http。我为一些模拟数据创建了一个简单的 JSON 文件。我想访问数据。现在我正试图将它放入控制器中。当我让它工作时,我会将请求移至服务。

这是我最初的要求:

此方法不起作用,因为我无法发出 $http 请求。我的控制台中的链接使我可以访问 json 文件。

所以我重构了我的代码

但是, itineraryList.json 在开发工具的“网络”选项卡中显示为红色。我尽可能地缩短并增加了我的路径。但是,我无法访问 json 文件。

有更好的方法吗?这是一个常见的样板。我找不到堆栈溢出的修复方法。

0 投票
1 回答
309 浏览

javascript - Angular js 模块和架构设计:多个 index.html

问题:

我有一个存在多个 ng-apps 的站点,每个 ng-app 都有一个独立的 angular-seed架构的文件夹(这意味着每个文件夹都有自己的 index.html)。现在在它们之间共享模块很痛苦。每个应用程序都不能使用相同的 bower_components 或我编写的任何常用服务。我怎样才能做到这一点?

我的情况的独特性

为什么我将它们分开在不同的文件夹中并使用它们自己的 index.html?在我的情况下,不同的 ng-app 服务于不同类型的用户,他们通常会登录一个 ng-app,一个且只有一个。我不想为一个特定的 ng-app 加载所有文件。

我的试验:

我发现这篇博文有一个可用的架构可供使用。它只是使用一个 MainApp 模块来包含所有子应用程序模块。但是在启动时将所有子应用程序文件加载到一个 index.html 中会不会很昂贵?因为 Angular 在性能方面有其不好的名声。还是我太担心了?

0 投票
1 回答
526 浏览

angularjs - Angular ui-router,使用不同的控制器和模板滚动到状态更改的下一步

我在我的应用程序中使用 UI 路由器,当 URL/状态发生变化时,我想简单地“滚动到”到锚点。我想在状态更改时加载新的控制器和模板。我正在使用 ng 样板。

索引文件

主页模板和js

服务模板 & Js

应用程序JS

因此,当您进入页面时,URL 将是 domain.com/home

当您单击第一个按钮时,我希望我的控制器代码将 URL 更改为 domain.com/#/service 并向下滚动到“服务” div 并更新控制器 + 模板。

理想情况下,当用户点击后退按钮时,它会恢复到第一个 URL 并向上滚动到主页。

有人知道怎么做吗?

0 投票
1 回答
27 浏览

angularjs - AngularJS-Modify NgBoilerPlate 模板修改网页标题

从https://github.com/ngbp/ngbp下载了 NgBoilerPlate 。将其用作构建网站的模板。流程如下——

索引.html

应用程序.js

主页.js

现在单击 homeTab 时,标题显示为Home|ngBoilerplate

如何从标题中删除|ngBoilerPlate 。

谢谢

0 投票
0 回答
96 浏览

angularjs - ngBoilerplate 升级到 angularJS 1.5.5

最近,我想开始一个新项目。所以,我克隆https://github.com/ngbp/ngbp框架作为起点。

我已按照步骤开始。角度版本安装为 1.2.29。

我想安装 1.5.5。我试过这个推荐:

$凉亭安装角度#1.5.5

但是,到此为止……

http://i.stack.imgur.com/Cfr7W.png

我试过推荐

$凉亭缓存清理

但它显示了相同的结果。

任何人都可以帮助我= [。

太感谢了!!!