Angular
【4】启动Angular过程介绍
启动angular应用 我们要搞清楚三件事 1 启动时加载了那个页面? 2启动时加载了那些脚本? 3 这些脚本做了什么事? 打开 文件angular.json "projects": { "auction": { "root":
日期 2023-09-28 09:16:57Angular 英雄示例教程
英雄指南教程(Tour of Heroes)涵盖了 Angular 的基本知识。 在本教程中,你将构建一个应用,来帮助人事代理机构来管理一群英雄。 这个入门级 app 包含很多数据驱动的应用所需的特性。 它需要获取并显示英雄的列表、编辑所选英雄的详情,并且在包含有英雄数据的不同视图之间进行导航。 在本教程的最后,你的应用可以做下面的工作: 使用Angular 的内置指令(Angular dir
日期 2023-09-28 09:16:57初步了解Angular 2端到端的测试
有许多原因使我过去不愿对自己的应用添加自动化测试。原因之一是不知道其中的效益成本比率,另一个原因是考虑到集成到现有生产环境的应用可能比较难。测试应用而不用从头重构代码,仅仅只是引入测试要怎么做呢? 首先我们先从简单区分测试的类型开始。应用测试有很多类型,但最为常见的是单元测试及端对端测试(亦称为集成测试)。单元测试是测试代码自身行为的一种测试。在用户看来什么也没有做,但可以确保其方法能达
日期 2023-09-28 09:16:57Angular Material (Components Cdk) 学习笔记 Table
refer : https://material.angular.io/cdk/table/overview https://material.angular.io/components/table/overview 通常我们做 control panel 时会大量运用到 table 尤其是处理 CRUD 时, table 更是神器 说到 table 就一定
日期 2023-09-28 09:16:57Angular 复习与进阶系列 – 目录
请按顺序阅读 关于本系列 & 初识 Angular Get Started Angular Compiler (AKA ngc) Quick View Dependency Injection 依赖注入 Component 组件 の Angular Component vs Web Component Component 组件 の Angular C
日期 2023-09-28 09:16:57Angular 学习笔记 (Typescript 高级篇)
由于 typescript 越来越复杂. 所以特意开多一个篇幅来记入一些比较难的, 和一些到了一定程度需要知道的基础. 主要参考 https://basarat.gitbook.io/typescript/ 高级书 https://jkchao.github.io/typescript-book-chinese/ 高级书中文版 版本 feature 字节前端的 typescr
日期 2023-09-28 09:16:57User Authentication with Angular and ASP.NET Core
User authentication is a fundamental part of any meaningful application. Unfortunately, implementing it properly can be a painful exercise that steals time and energy away from more meaningful featu
日期 2023-09-28 09:16:57Angular 1.x HelloWorld
Angular 1.x HelloWorld 官网 angularjs.org简介入门代码效果图代码解释 学习资源推荐:https://blog.csdn.net/qq_42813
日期 2023-09-28 09:16:57Angular 复习与进阶系列 – Component 组件 の Dependency Injection & Query Elements
前言 在 Dependency Injection 依赖注入 的结尾, 我们学习了如何在项目中, 组件中使用 DI. 但那些只是一小部分而已. Angular DI 在组件内的用途非常广, 而且挺复杂的. 这篇我们将详细的去理解它. 用途 inject service 在 上一篇 DI 介绍中, 我们用 DI 来注入 Service, 这个在
日期 2023-09-28 09:16:57Angular 主从组件
此刻,HeroesComponent 同时显示了英雄列表和所选英雄的详情。 把所有特性都放在同一个组件中,将会使应用“长大”后变得不可维护。 你要把大型组件拆分成小一点的子组件,每个子组件都要集中精力处理某个特定的任务或工作流。 本页面中,你将迈出第一步 —— 把英雄详情移入一个独立的、可复用的 HeroDetailComponent。 HeroesComponent&nbs
日期 2023-09-28 09:16:57Angular 学习笔记 ( 我追的 feature 和 bug )
Angular 有许多功能还不齐全,也有不少 bug 让人很头疼,所以这里做一些记入 Angular Bug 1.input type="number", valueChanges 会在 unblur 的时候触发多一次. https://github.com/angular/angular/issues/12540 解决方法是用 
日期 2023-09-28 09:16:57angular js 指令的数据传递 及作用域数据绑定
<div my-directive my-url="http://google.com" my-link-text="Click me to go to Google"></div> angular.module('myApp', []) .directive('myDirective', function() { return {
日期 2023-09-28 09:16:57Angular 学习笔记 ( CDK - Portal )
Portal 的主要使用场景是 dynamic component 动态的插入模板或组件. Portal 可分为 2 种. 进入和出去 (in or out) ComponentPortal, TemplatePortal 属于第一种 in PortalOutlet 属性 out TemplatePortal 可以通过指令来创建, compone
日期 2023-09-28 09:16:57示例可重用的web component方式组织angular应用模块
在online web应用中,经常有这样的需求,能够让用户通过浏览器来输入代码,同时能够根据不同的代码来做语法高亮。大家已知有很多相应的javascript库来实现语法高亮的功能,比如codemirror就是一个不错的选择。而我们使用angular开发web应用,那么就希望能够使用directive来实现这个功能,以便能够很好的重用。https://www.polymer-project.org
日期 2023-09-28 09:16:57Angular 复习与进阶系列 – 谈谈 ASP.NET Core & Angular & React 在业务开发上各自的优势和体验
前言 日常, 我的开发都围绕着 ASP.NET Core 和 Angular. 这篇想聊聊它们各自的特点和解决问题的方式. 以及最重要的, 我们该在什么时候采用何种方案更为妥当. 浅谈项目分类 我一般会把项目分 4 种来看待 1. Web 1.0 时代的网站 比如企业网站. 这类网站的目的是 present information. 用户行为是游览 + 少量
日期 2023-09-28 09:16:57angular过滤器
angular过滤器 基本过滤器自定义过滤器 基本过滤器 基本用法 {{data|format}},数据|格式 代码 <!DOCTYPE html> <html la
日期 2023-09-28 09:16:57YY游戏云的angular js实践总结
JavaScript总结:typeof与instanceof的区别,及Object.prototype.toString()方法 JavaScript总结:typeof与instanceof的区别,及Object.prototype.toString()方法
日期 2023-09-28 09:16:57Asp.net core Identity + identity server + angular 学习笔记 (第一篇)
用了很长一段时间了, 但是一直没有做过任何笔记,感觉 identity 太多东西要写了, 提不起劲. 但是时间一久很多东西都记不清了. 还是写一轮吧. 加深记忆. 这是 0-1 的笔记, 会写好多篇. 写的时候是没有提前设计流程, 所以如果你把它当教程来看是不太妥当的,要读就必须一篇一篇顺着读,间中还会有错误和修正, 请小心. identity
日期 2023-09-28 09:16:57Angular中的组件
组件简介 Angular中的组件,是一个使用@component()装饰器装饰的特殊类,同时在这个装饰器中指定元数据,元数据包括组件选择器、组件模板、组件样式等。 组件是
日期 2023-09-28 09:16:57Angular 学习笔记 (cdk focus monitor 和一些 focus tabindex 的基础)
更新: 2021-01-13 场上只能有一个 active 的 focus track, 这个概念之前应该是没有的. 今天遇到一个 bug, 在 menu 里面打开一个 message tip 由于 message tip 打开时并不会马上 focus 进去, 但是我里面又做了 focus trap 这就导致了 menu 的 focus tr
日期 2023-09-28 09:16:57Angular--TypeScript finalize 方法
self._entityService .getAll() .pipe( finalize(() => { if (self.sheet && self.sheet.length > 0) {
日期 2023-09-28 09:16:57再见了 React、Angular,Vue3 才是 yyds
切记一定要看到最后!!! 最近看到一篇文章上面是一作者资讯一位IT前辈,问他怎么看待工作 2 年的前端开发,月薪就高达 30k、40k 的现状。 他说
日期 2023-09-28 09:16:57Angular 学习笔记 (路由外传 - RouteReuseStrategy)
refer : https://github.com/angular/angular/issues/10929 https://stackoverflow.com/questions/41280471/how-to-implement-routereusestrategy-shoulddetach-for-specific-routes-in-angular 一切从这
日期 2023-09-28 09:16:57Asp.net core Identity + identity server + angular 学习笔记 (第五篇)
ABAC (Attribute Based Access Control) 基于属性得权限管理. 上回说到了 RBAC 的不足. 那 ABAC 就是用来满足它的. 属性就是 key and value, 表达力非常得强. 我们可以用 key = role value = "Manager" 来别是 user 的 role 甚至是 { r
日期 2023-09-28 09:16:57Angular基础---->AngularJS的使用(一)
AngularJS主要用于构建单页面的Web应用。它通过增加开发人员和常见Web应用开发任务之间的抽象级别,使构建交互式的现代Web应用变得更加简单。今天,我们就开始Angular环境的搭建和第一个实例的使用。 AngularJS的学习一 一、 AngularJS的环境搭建,下载angularJS: https://angularjs.org/。直接解压就行。 二、 创建一个ht
日期 2023-09-28 09:16:57Angular Material 学习笔记 Chips
依据 material guidelines, chips 可以用来做 filter https://material.io/design/components/chips.html#filter-chips 但是 ng material 的却很差. 没有 animation 没有勾勾也就算了. click 事件也没有, 要使用 keyboard 的 space 来 se
日期 2023-09-28 09:16:57$scope angular在controller之外调用
1.定义 var m = angular.module('ddd',[]); m.controller('ctrl',['$scope',function ($scope) { }]); 2.外部调用 angular.element('[ng-controller=ctrl]').scope().data = json.data; angular.element('[ng-controller
日期 2023-09-28 09:16:57GitHub上9款美观大气的后台管理系统,基于但不限于vue、react、Angular、Bootstrap框架
文章目录 1. vue-element-admin2. D2Admin3. Vue-admin-better4. AdminLTE5. Ant Desiong Pro6. Tabler7. ngx-admin8
日期 2023-09-28 09:16:57Angular material mat-icon 资源参考_Toggle
img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align
日期 2023-09-28 09:16:57Angular 应用的外壳
你首先需要使用 Angular CLI 来创建一个初始化的应用。随后,你将对你已经初始化的应用进行修改来让你构建出 Tour of Heroes app(英雄指南) 这个应用。 在教程的本部分,你需要完成下面的操作: 设置的你的环境。 创建一个新的工作区(workspace)和初始化应用项目。 启动应用服务器。 对应用进行修改。 设置你的环境 希望对你的开发环境进行设置,请参考下面的链接中的
日期 2023-09-28 09:16:57Error: The Angular Compiler requires TypeScript >=4.0.0 and <4.1.0 but 4.6.2 was found instead
angular前端项目,执行npm start命令报错: Error: The Angular Compiler requires TypeScript >=4.0.0 and &
日期 2023-09-28 09:16:57angular弹出对话框结构
angular dialog标准结构,注意有checkbox时,需要外包一层div,checkbox-wrapper类的这个样式控制了不显示滚动条。
日期 2023-09-28 09:16:57Angular material mat-icon 资源参考_Places
img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align
日期 2023-09-28 09:16:57Angular material mat-icon 资源参考_Communication
img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align
日期 2023-09-28 09:16:57angular基本入门教程
https://www.jianshu.com/p/d06cf28677ca
日期 2023-09-28 09:16:57Angular material mat-icon 资源参考_Maps
img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align
日期 2023-09-28 09:16:57angular学习笔记【ng2-charts】插件添加
原文:https://segmentfault.com/a/1190000008077830 1、 安装 ng2-charts npm install ng2-charts --save2、 还必须引入 chart.js npm install chart.js --save3、 主模块中引入 import { ChartsModule } from 'ng2-charts/ng2-charts
日期 2023-09-28 09:16:57Angular路由之ui-router
Angular路由之ui-router 说明官网hello world完整代码在线测试补充效果图 说明 上一篇介绍了angular自带的路由的使用,但实际上已经用的很少了&
日期 2023-09-28 09:16:57JavaScript MVC框架PK:Angular、Backbone、CanJS与Ember
有一点必须指出,使用Backbone也能实现上述大多数功能,只是手工编码量挺大的,有时候还要借助插件。这里的打分只考虑了框架核心是否支持某一功能。 有时候,框架配合一些现成的插件和库来使用,可能要比使用框架原生同类功能效果更好,而这种插件和库几乎遍地都是(不下数百个),又各有特色。因此,能够把这些库和插件整合到MVC框架中也非常重要。 Backbone是其中最灵活的一个框架,因为它的约定和
日期 2023-09-28 09:16:57Angular 复习与进阶系列 – Dependency Injection 依赖注入
前言 本来是想先介绍 Angular Component 的, 但里头有涉及到一些 Dependency Injection (简称 DI) 的概念. 所以还是先介绍 DI 吧. 介绍 我在 ASP.NET Core – Dependency Injection 介绍过 DI. 搬过来也适用. Dependency Injection 是一种管理依赖的方式.
日期 2023-09-28 09:16:57abp + angular 前端使用 hash ,登录界面不跳转问题
abp 项目默认的路由没有使用hash,这会导致手动刷新浏览器时,页面404错误; 解决方法网上很多,就是在路由里添加一个{useHash: true},就行了。 #用Hash带来的新问题# abp框架,用hash后,发现登录界面不跳转; 调试跟踪后,发现我们需要在它的登录服务里再单独处理一下这中hash的情况。不知道老外为毛都没遇到过这种问题,搜了一大堆,最终还是靠
日期 2023-09-28 09:16:57Angular 组件 mat-paginator 自定义详细用法
Demo: https://stackblitz.com/edit/angular-5mgfxh?file=main.ts 官方文档: https://material.angular.io/components/paginator/examples
日期 2023-09-28 09:16:57Angular--factory
factory 代码效果图说明 代码 <!DOCTYPE html> <html lang="en" ng-app="app"
日期 2023-09-28 09:16:57Angular 学习笔记 (Angular 9 & ivy)
refer : https://blog.angularindepth.com/all-you-need-to-know-about-ivy-the-new-angular-engine-9cde471f42cf https://blog.angularindepth.com/asynchronous-modules-and-components-in-angular-ivy-1c1
日期 2023-09-28 09:16:57Angular 服务
英雄指南的 HeroesComponent 目前获取和显示的都是模拟数据。 本节课的重构完成之后,HeroesComponent 变得更精简,并且聚焦于为它的视图提供支持。这也让它更容易使用模拟服务进行单元测试。 如果你希望从 GitHub 上查看我们提供测试的源代码,你可以访问下面的链接:https://github.com/cwiki-us-angular/cw
日期 2023-09-28 09:16:57Angular:都2021年了,你为啥还没用Angular
摘要:数据绑定是将应用程序UI或用户界面绑定到模型的机制。使用数据绑定,用户将能够使用浏览器来操纵网站上存在的元素。 Web开发需要模型和视图之间的数据同步。这些模型基本上包含数据值,而视图则处理用户看到的内容。因此,如果您想知道这在Angular中是如何发生的,这篇有关Angular数据绑定的文章将为您提供帮助。 下面提到的是此处讨论的主题: What is Data Binding? Ty
日期 2023-09-28 09:16:57Angular---学生信息管理系统
文章目录 代码添加效果图新指令在线演示 学习资源推荐: https://blog.csdn.net/qq_42813491/article/details/90213353
日期 2023-09-28 09:16:57Angular路由
文章目录 代码效果图 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8
日期 2023-09-28 09:16:57angular model-dialog 关闭按钮
<button class="close" data-dismiss="modal" type="button" aria-label="Close" (click)="close()">×</button>
日期 2023-09-28 09:16:57【angular】ngModel遇见的坑:Can't bind to 'ngModel' since it isn't a known property of 'input'
启动我的Angular应用程序时,出现以下错误,即使组件未显示。 我必须注释掉,以便我的应用程序工作。 zone.js:461 Unhandled Promise rejection: Template parse errors: Can't bind to 'ngModel'
日期 2023-09-28 09:16:57