【如何利用AngularJS打造一款简单Web应用_AngularJS】教程文章相关的互联网学习教程文章

javascript – Angular App Factory Toaster作为依赖性打破应用程序【代码】

我有一个使用Firebase作为后端的角度应用程序,我试图在我的授权应用程序工厂中注入“多士炉”作为依赖项.这是app.factory的开始app.factory('principal', ['$rootScope', '$q', '$http', '$timeout', '$firebaseAuth', "$firebaseObject", '$filter','$firebaseArray', '$state', 'toaster' function ($rootScope, $q, $http, $timeout, $firebaseAuth, $firebaseObject, $filter, $firebaseArray, $state, toaster)使用此配置,应用...

javascript – Angular 2测试应用程序停止加载【代码】

为Angular 2制作一个测试应用程序,但由于某些原因我无法解决,我的应用程序仍然停留在“正在加载…” 这是文件: app.component.ts:import {Component} from '@angular/core'; import {LittleTourComponent} from './little-tour.component';@Component({selector: 'my-app',template: `<h1>Test</h1><little-tour></little-tour>`,directives: [LittleTourComponent] }) export class AppComponent { }小tour.component.ts:impor...

javascript – angular.js应用程序中配置阶段的Spyon提供程序【代码】

我正在为Angular.js应用程序(使用karma和jasmine)编写单元测试,我想在模块的CONFIG阶段测试某个行为.我想确认正在调用PROVIDER的某个功能.我认为我可以通过提供者方法的间谍来做到这一点,但在“期望”之前获得对提供者的访问已被证明相当棘手.这是一些示例代码: 模块代码(正在测试)var myApp = angular.module('myApp', ['restangular']); myApp.config(['RestangularProvider', function (RestangularProvider) {RestangularProv...

javascript – 在对firebase进行异步调用之后,Angular应用程序不会更新(脏检查)【代码】

我正在为我的博客使用单页角应用程序.在加载时,控制器会为我的firebase调用所有博客帖子,并将它们推送到$scope.posts数组中. HTML使用ng-repeat来显示每篇博文的片段.但是,除非用户激活页面上的任何其他随机函数以强制摘要循环,否则根本不会出现任何片段.如何在没有用户交互的情况下进行脏检查或强制摘要循环?angular.module('evancodes.main', []) .controller('MainController', function(Main, $http, $scope) {$scope.posts =...

javascript – 在Angular应用程序中使用Jasmine测试SignalR的问题【代码】

我这里有一个严肃的问题.我的应用程序依赖于SignalR功能,但由于这一点,我无法编写单元测试.我是测试框架的新手,仅在简单的情况下使用Jasmine.事实证明SignalR对我来说是一个太大的挑战,但我需要了解如何成功测试它.这是我的CommsApp.ts文件[typescript]:/// <reference path="References.ts" /> var commsAnimationsModule = angular.module('forge.communications.animations', ['ngAnimate']); var commsDirectivesModule = ang...

java – 如何使用Jetty为Angular应用程序提供服务,还可以使用与Jersey相同的服务器?【代码】

我正在开发一个应用程序,其前端将使用Angular开发,后端使用Java / Jersey.我使用Jetty作为http服务器.我的目录结构如下:srcmainjavacom.sciborMainSandboxResourcewebappWEB-INFweb.xmlindex.htmlbower_components . . .app.js在Main中,我启动了我的Jetty Server,如下所示:Server server = new Server(PORT);WebAppContext context = new WebAppContext();context.setResourceBase("src/main/webapp");context.setContextPath("/...

c# – 如何将Angular 2.0添加到现有的ASP.NET MVC应用程序中

我有一个非常大的asp.net MVC 4.0应用程序,我想开始使用asp.net 5.0和Angular 2.0迁移到Web API. 主要原因是开始未来打样并将一些新组件设置为更现代的SPA架构. 我的计划是将现有站点的一小部分路由到显示一个Angular SPA应用程序,调用Web API来获取数据,而不是MVC控制器和函数.对于本节,我不打算使用ASP.NET MVC功能,例如共享布局页面,捆绑,路由等,而是选择将其保留为角度. 我现有的MVC和新的Web api项目都将使用使用EF的数据层项...

javascript – 如何创建一个包含另一个AngularCli的AngularCli应用程序?【代码】

我有一个使用AngularCli在Angular2中的开发应用程序,我想将它用作另一个项目的“布局”(如MasterPage).就像一个大的“SPA系统”. 例如,在菜单中我们将具有以下内容: >框架 >页面A. > Xpto >第B页 框架在http://localhost:90运行,XPTO在http://localhost:91运行.它们都在AngularCli上运行. 我想创建一个结构,当我点击页面A或页面B时,浏览器不会重新加载,它将为用户提供“应用程序”样式,将页面加载为站点之间的SPA. 主要原因是将de...

javascript – Angular 2:当我离开路线时如何应用回调【代码】

这是一个例子,我在AppComponent中定义了一些路由:@RouteConfig([{path:'/', name: 'Index', component: IndexComponent, useAsDefault: true},{path:'/:id/...', name: 'User', component: UserComponent},{path:'/plan', name: 'Plan', component: PlanComponent},{path:'/foo', name: 'Foo', component: FooComponent} ]}在UserComponent中我有另一个定义如下的路由:@RouteConfig([{path:'/info', nam...

javascript – 如何将Angular 2应用程序集成到Django应用程序中【代码】

我一直在关注这个Tour of Heroes教程.我有一个Django应用程序,其结构可以简化如下apps/my_app/migrations/ apps/my_app/__init__.py apps/my_app/urls.py apps/my_app/views.pyfrontend_stuff/js/ javascripts here frontend_stuff/css/ css here英雄应用程序具有以下结构:heroes/app/ contains all the .ts and .html files heroes/node_modules/ angular2 and other libraries heroes/styles.css css file ...

javascript – 如何使用Angular CLI将Angular框架加载到应用程序中?【代码】

我正在将现有的AngularJS应用程序转换为混合应用程序,开始逐步将其升级到Angular 4.我想了解Angular 4如何在现有的AngularJS中引用.在现有的AngularJS应用程序中,很清楚如何加载AngularJS框架 – 它只是一个包含的脚本文件:<script src="/angular/angular.js"></script>为了熟悉最新的Angular版本,我在https://angular.io/guide/quickstart使用Angular快速入门指南创建了一个单独的“快速启动”Angular 5应用程序,我可以使用以下命...

javascript – 打包AngularJs应用程序

我正在使用1.x构建Angular Apps,并且已经有一段时间了.我使用Bower来安装Angular以及随之而来的各种软件包以及Shivs,JQuery,ChartJs等其他一些零件.我喜欢使用Bower因为它很好而且快速并且将所有内容保存在一致的地方供我参考.我使用Grunt以及我的任务运行器,所以我也希望能够自动化这个过程以实现丝滑顺利的开发. 现在随着我的Angular知识的增加以及我正在构建的应用程序的规模不断增加,我发现自己在index.html中包含了几十个文件...

javascript – 当将新数据加载到$scope时,AngularJS应用程序会冻结【代码】

这可能是一个难以回答的问题,因为我不确定这里的根本问题是什么,如果有人想看看会很感激. http://threadfinder.net/search%3FnameTags=jacket/0 如果您不断向下滚动,使用ngInfiniteScroll和此功能加载更多项目:$scope.moreProducts = function() {if ($scope.busy || $scope.noMore){return;}else if (!($scope.busy)) {$scope.busy = true;$scope.itemsLoaded += 27;var theQuery = $routeParams.query.replace(/\?|%3f/gi, '');...

javascript – AngularJs应用程序中的下载已损坏【代码】

我正在尝试使用FileSaver.js下载文件,但每当我点击下载按钮时,我都会收到损坏的文件. App由PHP REST服务支持,并且从命令行使用cURL确认REST正常工作. 这是我用于下载的伪代码的最后一个版本:// Let str be the data received from $http promise // This code is run in a "then" callbackvar arr= new Uint8Array(str.length); for(var i=0; i<str.length; i++) {arr[b]=str.charCodeAt(i); }; var blob = new Blob([arr], {type...

angularjs – 从不同的JEE应用程序中获取AEM创作的模板

我们有一个特殊的要求,我们需要使用AEM(Adobe Experience Manager)来设计(创作)表单模板,其中包含静态图像和html元素,如下拉菜单,文本区域等. 这里的问题是,是否可以将设计的模板提取到使用Spring / Angular单独构建的JEE应用程序(部署在Tomcat上). JEE应用程序将用于将用户事务数据添加到表单模板. 最后,上述创建的表单需要发布到AEM发布者. 请帮助验证方法是否可行.如果可行,请建议如何执行集成部分:1.从AEM Authoring实例获取模...