问题标签 [angular-seed]

我正在尝试使用Angular Seed，并尝试向以下内容添加$scope依赖项View1Ctrl：

这不起作用：$scope是undefined...

当我将代码更改为此：

然后$scope解决。

有人可以解释为什么$scope第一个片段没有解决吗？

我正在我的项目中研究 Angular 种子。
我有两个相同的视图（HTML 页面），它们是相同的（具有相同的元素和功能）。
这两个页面也GridView必须由相同的服务填充，但这两个页面只有 REST API URL 不同。现在在我的 router.js 中，我想用来$stateprovider.state()路由到这些页面。
我的问题是：我可以为这两个视图使用一个控制器还是为每个视图使用一个单独的控制器。但是，当我对两个视图页面使用相同的控制器时，我得到“Injector not defined”错误。
有不同的方法吗？处理这种情况的最佳程序是什么？

使用angular-seed的新克隆我正在尝试一些 BDD 并添加了以下测试和代码。但是，一旦我将 $scope 添加到控制器中，该套件就会按expect(view1Ctrl).toBeDefined();预期失败。

以下是我所做的唯一添加，它会在 Karma 运行时导致明显的失败。

应用程序/view1/view1.js

我想从 Angular-Seed 项目中使用 Angular，因为它包含良好的应用程序结构和测试能力。

我从下面的网站（https://github.com/angular/angular-seed）获取了 angular-seed master，我有 App 的截图供参考。

由于在 angular-seed 中没有明确说明如何执行网络服务器，我参考了一个教程 npm 网站（https://www.npmjs.com/package/angularjs-seed），如何启动 angular-seed。

如前所述，我已经在我的系统中安装了节点并且它工作正常，你可以在下面找到截图。然后我尝试使用脚本文件夹中的 web-server.js 启动网络服务器，但我找不到它。考虑过 Angular-Seed 中给出的启动服务器（npm start），但不幸的是出现了错误。

即使在这个博客中，我也发现有一个脚本文件夹，但目前我在 angular-seed-master 中找不到它。

目前我完全不知道如何进行。

有人可以帮我解决这个问题，或者如果我遗漏或理解错误。

如果有更多详细信息，请告诉我。

节点实例

Npm 启动错误

Angular-Seed 和 App 结构供参考

- - - - - - - - - - - - - - - - - - - 编辑： - - - - - ------------------

上述问题已解决，但在使用 npm start 时还出现了其他几个问题。下面的屏幕截图中给出了详细的错误。

我目前正在尝试创建一个在每个 routeProvider 之前运行的帖子。目前我收到一个 $http 未定义的问题，我不知道为什么。我目前正在尝试将 $http 传递给函数，并且根据 phpstorm $http 是“未定义”并且不知道为什么。我确实在 index.html 中的 validation.js 之前声明了 angular.js。

我的 app.js 看起来像这样：

组件/通用/validation.js

浏览器显示：

这是错误消息。

[$injector:modulerr] 无法实例化模块 myApp 由于：错误：[$injector:unpr] 未知提供者：$http http://errors.angularjs.org/1.4.5/ $injector/unpr?p0=%24http在匿名函数 ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js:4284:13 ) 在 getService ( http://localhost:90/angular-seed/app/bower_components/angular /angular.js:4432:11 ) 在 runInvokeQueue ( http://localhost:90/angular 调用 ( http ://localhost:90/angular-seed/app/bower_components/angular/angular.js:4461:9 ) -seed/app/bower_components/angular/angular.js:4379:11 ) 在匿名函数 ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js:4388:11 ) 在 forEach (http://localhost:90/angular-seed/app/bower_components/angular/angular.js:336:11 ) 在 loadModules ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js :4369:5 ) 在 doBootstrap ( http ://localhost:90/angular-seed/app的 createInjector ( http://localhost:90/angular-seed/app/bower_components/angular/angular.js:4294:3 ) /bower_components/angular/angular.js:1655:5）在引导程序（http://localhost:90/angular-seed/app/bower_components/angular/angular.js:1676:5）http://errors.angularjs。 org/1.4.5/$injector/modulerr?p0=myApp&p1=Error%3A%20%5B%24injector%3Aunpr%5D%20Unknown%20provider%3A%20%24http%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.4.5%2F %24injector%2Funpr%3Fp0%3D%2524http%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4284 %3A13)%0A%20%20%20at%20getService%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4432%3A11)%0A%20%20 %20at%20invoke%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4461%3A9)%0A%20%20%20at%20runInvokeQueue%20(http% 3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4379%3A11)%0A%20%20%20at%20Anonymous%20function%20(http%3A%2F%2Flocalhost%3A90 %2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular。js%3A4388%3A11)%0A%20%20%20at%20forEach%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A336%3A11)%0A% 20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4369%3A5)%0A%20%20%20at%20createInjector%20 (http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost% 3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components %2Fangular%2Fangular.js%3A1676%3A5)js%3A336%3A11)%0A%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4369%3A5)%0A% 20%20%20at%20createInjector%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20 (http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost% 3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1676%3A5)js%3A336%3A11)%0A%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4369%3A5)%0A% 20%20%20at%20createInjector%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20 (http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost% 3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1676%3A5)js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A% 20%20%20at%20bootstrap%20（http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1676%3A5）js%3A4294%3A3)%0A%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1655%3A5)%0A% 20%20%20at%20bootstrap%20（http%3A%2F%2Flocalhost%3A90%2Fangular-seed%2Fapp%2Fbower_components%2Fangular%2Fangular.js%3A1676%3A5）

没有设置 $http 的任何帮助或指向正确的方向都会有所帮助。谢谢你。如果您需要任何其他信息，请告诉我，以便我更新问题。

问题：

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

我的情况的独特性

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

我的试验：

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

我正在使用 Angular2 Seed 应用程序，您可以在官方 repo中找到它。如您所见，这里我们导入了 angular2/router，我们使用它来创建应用程序的基本路由。

我的问题是：如何配置路由器以在我的网址中添加主题标签，使其看起来像： localhost:5555/#/about。有没有什么漂亮又简单的制作方法？（和之前的 $locationProvider 一样）

我知道这很奇怪，但我曾经喜欢 url 中的这个标签，我的 apache-config 也曾经喜欢它。当然，我可以更改我的 httpd.conf 文件，非常简单且正确，但我真的很想弄清楚，如何使用 Angular2 路由器简单地添加主题标签。

我在angular-seed项目中发现了这个问题。当我运行“npm test”时会发生此问题。这发生在下载种子之后，无需修改其任何文件。这是我得到的错误：

我在 StackOverflow 中看到过一些类似这样的帖子。我已经重新安装了 karma、karma-jasmine 和 karma-phantomjs-launcher。但没有帮助。

这个问题有什么解决办法吗？

当我从https://github.com/areai51/angular-seed/开始使用 angular-seed 的项目时，我会

这将很好地启动 Web 服务器。但是，当导航到 localhost:8000/app/index.html 时，所有的 bower 组件都无法加载。这是因为它们被安装到 myproject/bower_components 而不是 myproject/app/bower_components。如何解决此问题，以便正确加载我的凉亭组件？

编辑：删除目录并重新安装后， bower_components 似乎放置在正确的位置。暂时解决了。

我从https://github.com/angular/angular-seed创建了一个基础项目，我正在尝试使用 angular-ui-select 向该项目添加下拉菜单。我安装了 angular-ui-select 并将 select.js 和 select.css 添加到我的 index.html 文件中。还安装了 Angular-sanitize。

我的 view1.html 看起来像：

我的控制器看起来像：

附上一张我目前看到的照片。不知道为什么它不能正确显示。