草庐IT

angular-masonry

全部标签

Angular 学习笔记

本系列笔记主要参考:Angular学习视频Angular官方文档Angular系列笔记特此感谢!目录1.Angular介绍2.Angular环境搭建、创建Angular项目、运行Angular项目2.1.环境搭建2.2.创建Angular项目2.3.运行项目3.Angular目录结构分析3.1.目录结构分析3.2.app.module.ts分析4.Angular组件以及组件里面的模板4.1.创建和使用组件4.2.Angular绑定数据4.3.绑定属性4.4.数据循环\*ngFor4.5.条件判断ngIf4.6.ngSwitch4.7.执行事件(click)4.8.双向数据绑定(重要)4.9.[

angular常用命令

文章目录1.创建新项目:2.生成组件:3.生成模块:4.生成服务:5.运行项目:6.构建项目:其他在Angular开发中,以下是一些常用的AngularCLI命令:1.创建新项目:ngnewproject-name这个命令会创建一个新的Angular项目,其中project-name是你指定的项目名称。2.生成组件:nggeneratecomponentcomponent-name简写nggccomponent-name这个命令用于生成一个新的组件,其中component-name是你指定的组件名称。3.生成模块:nggeneratemodulemodule-name简写nggmmodule-

从安全角度分析Angular本地存储

随着Web应用程序的不断增长,前端开发人员慢慢意识到使用浏览器提供的本地存储技术可以在不使用外部数据库的情况下方便地保存应用程序的数据。Angular作为目前最流行的前端框架之一,也在其API中提供了许多本地存储技术的支持。但是,在使用本地存储时,安全性问题也愈发重要。因此,本文将从安全角度出发介绍如何在Angular应用程序中使用本地存储,并提供一些实例说明。什么是本地存储?本地存储是指将数据存储在客户端(即用户的计算机内存或文件系统)而非服务器上。利用本地存储,可以更快地访问已缓存的数据,减轻服务器压力,提高用户体验。常见的本地存储技术有Cookie、WebStorageAPI和Index

java - Spring Boot/Angular 4 - 应用程序中的路由命中服务器

我有一个Angular4(ES6)应用程序,我想从SpringBoot应用程序提供服务。我的Angular应用程序有一个index.html,本地址为http://localhost:8080时被击中时,SpringBoot知道映射到index.html文件,该文件在Angular中映射到“/search”。但是,我有另一个名为“adminlogin”的路由,我可以通过它访问http://localhost:8080/adminLogin但在这种情况下,它命中了我的没有映射的SpringBoot应用程序,然后它抛出了一个错误。如何获得我的地址http://localhost:8080/

angular框架表格自定义导出,ui组件库为【devExpress by devExtreme】导出插件为exceljs、file-saver

前言使用的ui组件库为devExtreme注意:如果你没有使用这个组件库,那后续的代码可能对你不适用!!!,因为devExtreme和exceljs是结合着来的其地址如下:devexpresshttps://js.devexpress.com/导出使用的是ExcelJS其地址如下:exceljshttps://github.com/exceljs/exceljs/blob/master/README_zh.md正文安装exceljs直接npm或者yarn安装即可引入到项目中注意这里引入Workbook会报错,所以换了种引入方法引入exceljs.min.js,见下面代码本项目版本angular

Angular 独立组件入门

Angular独立组件入门如果你正在学习Angular,那么你可能已经听说过独立组件(Component)。顾名思义,独立组件就是可以独立使用和管理的组件,它们能够被包含在其他组件中或被其他组件引用。在本文中,我们将学习如何创建简单的独立组件以及如何在Angular应用程序中使用它们。创建组件要创建一个Angular组件,首先需要使用AngularCLI工具生成一个空的组件骨架。假设我们要创建一个名为hello-world的组件,我们可以运行以下命令:nggeneratecomponenthello-world这个命令将会自动生成一个hello-world文件夹,其中包含了组件所需的所有文件,

使用angular和electron 构建桌面应用

使用angular和electron构建桌面应用初始设置新建一个angularappnpminstall-g@angular/clingnewangular-electroncdangular-electron修改src/index.html文件内容将绝对路径改为相对路径,加个点,使electron可以访问到angular文件资源basehref="./">

java - 在单个服务器上使用 Angular 2 运行 Spring4MVC

我是angular2的新手,我想知道angular2的SpringMVC4可能的文件结构是什么?如图所示,它适用于Angular1.x,但Angular2的文件结构完全不同且其组件驱动,我使用的是Angular2文件结构,如下所示我搜索了很多,发现我们可以分别使用前端(使用angular2)和后端(服务器-使用spring/springboot),但是我们需要2个服务器来运行应用程序。例如,前端:192.168.100.1:4200和后端:192.168.100.1:8080那么有什么方法或通用文件结构可以在同一台服务器(如192.168.100.1:8080)上同时运行angular

关于angular router-outlet

关于angularrouter-outletAngular是一个现代化的前端框架,它提供了很多强大的工具来帮助我们开发出高效的Web应用。其中一个最常用的功能是路由(routing)系统,它允许我们在不同的URL之间导航并加载不同的组件。而则是Angular中与路由系统相关的指令之一。什么是?是一个Angular内置的指令,用于在我们的模板中显示路由器(router)加载的组件。它通常放置在主模板(app.component.html)中,并且具有以下特性:在点击链接或使用编程式导航时,它会根据当前的URL动态地插入相应的组件。它可以嵌套在其他组件中,以创建更复杂的布局。可以使用name属性来

Creating my first web page using Angular

Ⅰ.Basicknowledgeaboutangular        Angularisapopularopen-sourceframeworkforbuildingwebapplications.HerearesomebasicconceptsandknowledgeaboutAngular:1.TypeScript:AngularisbuiltwithTypeScript,asupersetofJavaScriptthataddsstatictypingandotherfeaturestoenhancedevelopment.2.Components:Angularapplication