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

javascript – 在Angular 2应用程序中导入AWS SDK【代码】

我试图在我的Angular 2应用程序中使用AWS SDK,但是我很困难.以下是我采取的步骤: >使用npm install aws-sdk将aws sdk安装到我的Angular 2应用程序中>使用npm install –save-dev @ types / node安装类型>尝试在我的Angular 2服务中包含几种不同的AWS模块:声明var AWS:any;,导入AWS = require(‘aws-sdk’);,最后从’aws-sdk’中导入*作为AWS. 当我尝试使用第一种和第三种类型的导入时,在尝试访问AWS对象中的库之前,我没有得到转...

javascript – Angular 2.x更改头部(我的应用程序之外)【代码】

我认为它应该很容易,但我找不到如何. 我有类似的东西<html> <head><title>{{'a' + 'b'}}</title> </head> <body><my-app>Loading...</my-app> </body> </html>好像我无法访问my-app之外的任何内容. 在角度1.x中很容易,我能够在任何元素上添加ng-app(< html ng-app =“myApp”>). 现在我想我只能在体内引导. 我知道我可以手动引导某种方式(没有尝试),但动态更改单页应用程序中的标题应该是超级容易的,不应该吗?解决方法:Angular2无...

javascript – 使用angular-cli在没有节点服务器的情况下运行本地构建在Chrome上的角度2应用程序【代码】

我将非常精确地使我的Angular 2问题. 我正在使用: 角2, angular-cli:1.0.0-beta.15,(webpack building) 节点:6.4.0, os:linux x64 2.我想要实现的目标: 我想以一种方式构建我的项目,在构建之后(ng build project-name)我获得了我的Angular 2应用程序的静态文件,我可以直接从chrome运行而不使用ng服务或节点服务器.我只想双击index.html并在本地运行应用程序. 3.同时,当我双击生成的index.html时,我在chrome浏览器控制台...

java – 我的Angular Spring应用程序路由在TomCat上部署时不起作用【代码】

我非常喜欢棱角分明和弹簧.我可能犯了一些愚蠢的错误.我有Angular Spring应用程序,它显示登录屏幕,然后显示菜单.未部署时(即当Angular& Spring并行运行时),这种方法非常有效但是当我在tomcat上部署应用程序时,它不会显示登录表单.我按照以下步骤进行部署 – > ng build –base-href =./>将angular dist文件夹中的所有文件复制到spring静态文件夹>在spring中创建.war文件并将其部署在tomcat中 我的pom.xml<groupId>com.techence</g...

java – 在运行ng serve时将angular嵌入spring应用程序并访问Spring Controllers【代码】

我打算设置一个Spring-Angular应用程序.我立即开始使用Hello World示例来测试如何设置环境.我最终做了什么: 在此应用程序中创建Spring-Project并创建Angular-application.现在我可以通过HttpClient角度模块访问Spring-REST-Controllers. (代码示例见下文). 优点:我可以使用mvn包将Angular和Spring部分打包到一个jar中,然后将它部署到我的tomcat上.可悲的是,当我运行服务时,只执行了前端,我无法访问后端的数据.有没有办法设置我的...

如何集成Angular 2 Java Maven Web应用程序【代码】

我创建了一个Angular 2前端Application.and创建了一个连接到DB的Java Rest WS后端应用程序. Angular 2 App的My Folder结构如下 – Angular2Appconfgdiste2enode_modulespublicsrcappfavicon.icoindex.htmlmain.tssystem-config.tstsconfig.jsontypings.d.tstmptypings.editorconfig.gitignoreangular-cli.jsonangular-cli-build.jspackage.jsonREADME.mdtslint.jsontypings.json我的Java Maven Web应用程序结构如下 – JerseyWebAp...

javascript – 我在Angular 5应用程序中遇到CORS问题,即使我从服务器获得响应【代码】

参见英文答案 > How does Access-Control-Allow-Origin header work? 13个> How to allow CORS? 24个我在我的离子应用程序中使用Angular 5.我试图从我的代码中调用一个端点ngOnInit(): void {//Called after the constructor, initializing input properties, and the first call to ngOnChanges.//Add 'implements OnInit' to the class.this....

在与根文件夹不同的文件夹中部署Angular应用程序【代码】

Angular新手.如果在nginx /var/www/mydomain.com/html中部署,应用程序可以正常工作.但是我想将它部署在/var/www/mydomain.com/html/myapp文件夹中.我将nginx可用站点设置到此文件夹,index.html工作正常.但是,尝试从/var/www/mydomain.com/html/images文件夹(因此为404错误代码)而不是/var/www/mydomain.com检索Angular应用程序中的相对路径(例如,images / mypic.png) / html / myapp / images文件夹.如何在Angular中全局设置url前缀...

往Angular应用程序中添加DevExtreme【代码】

To start this tutorial, you need an Angular 5+ application created using the Angular CLI. Refer to the Angular CLI documentation for information on how to create such an application. You can also create an Angular application with DevExtreme already added to it. 一键安装 你可以用npx命令安装配置DevExtreme以及相关依赖npx是 DevExtreme CLI的一部分: npx -p devextreme-cli devextreme add devextreme-angul...

javascript – 如果应用程序处于脱机状态,如何使用AngularJS进行检测?

我们在偏远地区有很多客户,经常失去连接.如何检测javascript应用是否脱机?含义无法到达服务器并加载模板.解决方法:我终于找到了一个完全正确的JSFiddle:检查Web应用程序是否在线.它使用window.navigator.onLine. JSFiddle:http://jsfiddle.net/rommsen/QY8w2/ 资料来源:https://groups.google.com/d/msg/angular/ZncvSVUc9y4/S4jH1e_XgGoJ

angularjs – Dockerize你的Angular NodeJS应用程序【代码】

我们有一个前端应用程序.它是用Angular(html css javascript)编写的,需要由webserver(nginx)托管.Angular正在与将与后端通信的NodeJs服务器进行通信. 现在我们必须在Docker中运行它. >我们想要使用2个Docker容器:一个使用nodejs,另一个使用nginx,让它们一起工作 那么可以在一个存储库中编写2个dockerfiles吗?主要的想法是为nodejs提供1个dockerfile,它还运行bower install,npm install,…这将是这样的:# Create app directory R...

javascript – 使用PhantomJS在Angular.js应用程序中填写表单【代码】

我想使用PhantomJS测试AngularJS应用程序.第一步是使用用户名字段填写登录表单(假设没有其他字段).通常(在实际浏览器中)此字段由Angular控制(它具有ng-model属性),整个表单具有ng-submit属性. 所以在PhantomJS脚本中我做了 >输入用户名page.evaluate(function () {document.getElementsByName('username')[0].value = 'tester'; });>截取屏幕截图,看看输入中是否存在’tester’page.render('myfile.jpg');>点击提交按钮:page.eval...

javascript – 如何在Angular 2应用程序中使用Phoenix Channels / Sockets?【代码】

我有一个用Elixir / Phoenix构建的后端和一个用Angular 2构建的前端(Typescript,Brunch,io用于构建,ES6).我现在想要使用Phoenix Channels.而且我有点绝望在我的前端尝试使用Phoenix Javascript Client. 当我通过npm安装https://www.npmjs.com/package/phoenix-js安装phoenix-js然后尝试将其注入角度服务时,如下所示:import { Socket } from "phoenix-js";我总是得到错误在编译期间无法找到模块phoenix-js. 我有点卡住,每一个如何让...

javascript – 如何使用Testacular AngularJS测试外部服务的应用程序【代码】

我有一个在http:// localhost:6543上运行的应用程序 – 它是一个金字塔应用程序. >此应用程序服务于AngularJS应用程序/>此应用程序使用socket.io本身 问题是:是否可以使用这些工具测试该应用程序? 我在我的scenario.js文件中有这个:beforeEach(function() {browser().navigateTo('http://localhost:6543/'); });但是当我启动testacular(运行或启动)时,我收到此错误消息:Chrome 23.0 registration: should delete all cookies...

javascript – 在Angular2应用程序中使用element-resize-detector库【代码】

我试图在Angular2应用程序中使用元素调整大小检测器库(https://github.com/wnr/element-resize-detector). 根据我有限的JS模块知识,该库似乎采用CommonJS格式.经过多次尝试,我创建了以下定义文件(* .d.ts):declare module ResizeDetector {function ResizeDetector(options: any): ResizeDetector.Erd;interface Erd {listenTo(element: any, resizeCallback: any): void;uninstall(element: any): void;} } export = ResizeDetec...