-
angularjs link compile与controller的区别详解，了解angular生
所属栏目：[安全] 日期：2020-12-17 热度：119
?壹 ? 引 我在 angularjs 一篇文章看懂自定义指令directive?一文中简单提及了自定义指令中的link链接函数与compile编译函数，并说到两者具有互斥特性，即同时存在link与compile时link不生效。由于上篇博文篇幅问题，实在不好再过多讨论link，compile，那么本[详细]
-
angular 源码 <一> rotuerLinkActive
所属栏目：[安全] 日期：2020-12-17 热度：108
这几篇，查看angular 源码。 rotuerLinkActive 是路由的样式设置。 它的值是 css 的一个类。或者几个类。 主要代码如下 @Input() set routerLinkActive(data: string[] | string) { const classes = Array.isArray(data) ? data : data.split(‘ ‘ ); this[详细]
-
angular 读写电脑本地文件
所属栏目：[安全] 日期：2020-12-17 热度：84
angular 读写本地电脑文件 angular将数据写进到电脑文件 在前端写一个按钮，然后点击按钮的时候在本地电脑保存一个text文件。 这时候我们需要用到一个angular的插件，叫做“FileSaver.js” 官方github：https://github.com/eligrey/FileSaver.js 插件安装：[详细]
-
angular常用命令整理
所属栏目：[安全] 日期：2020-12-17 热度：103
1.创建项目 ng new 命令 描述 ng new project-name [options] 创建一个新的 Angular 项目,默认在当前所在目录下 参数 描述 --dry-run?-d 只输出要创建的文件和执行的操作，实际上并没有创建项目 --verbose?-v 输出详细信息 --skip-npm 在项目第一次创建时不[详细]
-
关于rxjs subject订阅分发实现Angular的全局数据管理与同步更新
所属栏目：[安全] 日期：2020-12-17 热度：158
自定义实现angular中数据的状态管理，如有不妥请指正 一、先介绍一下rxjs中subject； Import {subject}from’rxjs’Subject 数据的订阅与分发，结合报刊的发布与订阅进行功能的模拟，subject即是observeable对象也是observer对象，subject对于后期没有数据更[详细]
-
Angular--AOT和JIT两种编译方式带来的改变
所属栏目：[安全] 日期：2020-12-17 热度：193
? ? ? ? ?Angular 应用主要由组件及其 HTML 模板组成。由于浏览器无法直接理解 Angular 所提供的组件和模板，因此 Angular 应用程序需要先进行编译才能在浏览器中运行。Angular 提供了 两种方式来编译angular应用程序： 即时编译?(JIT,Just in time)，它会在[详细]
-
angularjs-$location
所属栏目：[安全] 日期：2020-12-17 热度：94
$location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的内容。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。 $location服务： 暴露当前浏览器地址栏的URL[详细]
-
angular 首屏优化
所属栏目：[安全] 日期：2020-12-17 热度：194
? ? 前一段时间把公司的一个angular项目做了一次大的优化，记录一下过程。 ? 起因： 起因是用户反映网站加载时间过长，从loading画面显示到页面可响应要13s，对于一般的页面恐怕没有用户愿意等待这么久。因为这是一个在线编辑的工具类的项目，有使用需求的用[详细]
-
初探Angular6.x---主从组件
所属栏目：[安全] 日期：2020-12-17 热度：192
在上一篇博文《Angular6.x---用户列表与详情展示》中,我们用 ngFor=”let object of list”实现了用户列表的展示,并通过(click)=”onSelect(obj)”语法实现了列表单击时将单击的对象传到后台的功能,最后为了防止初次加载对象为空导致的错误,我们又使用了 ngI[详细]
-
初探Angular6.x---主从组件
所属栏目：[安全] 日期：2020-12-17 热度：173
在上一篇博文《Angular6.x---用户列表与详情展示》中,我们用 ngFor=”let object of list”实现了用户列表的展示,并通过(click)=”onSelect(obj)”语法实现了列表单击时将单击的对象传到后台的功能,最后为了防止初次加载对象为空导致的错误,我们又使用了 ngI[详细]
-
从零搭建angular环境和初项目
所属栏目：[安全] 日期：2020-12-17 热度：175
打开CMD， ? 第一步，确认电脑是否安装node.js? ? ? ? ? ? ? ?输入? node -v 第二步，确认是否安装git? ? git version ? ? ? ? ? ? ?若没安，访问? ? https://www.cnblogs.com/donglt-5211/p/9374551.html?? 即可 第三步，配置淘宝镜像--据说会快些? ? ? npm[详细]
-
angularJs绑定select的正确姿势
所属栏目：[安全] 日期：2020-12-17 热度：88
最近在项目中使用ionic，需要在页面上绑定一个年份下拉框，默认选中当前年，并且在下拉框的change事件中增加一些业务逻辑。 不管是使用ng-repeat还是ng-options，都是各种坑：默认选中、触发change事件、change后绑定的年份值(select的ng-model)，三者中总有[详细]
-
Angular2 组件与模板 -- 输入和输出属性
所属栏目：[安全] 日期：2020-12-17 热度：81
Input and Output properties 输入属性是一个带有@Input 装饰器的可设置属性，当它通过 属性绑定 的形式被绑定时，值会"流入"到这个属性。 输出属性是一个带有@Output 装饰器的可观察对象型的属性。此属性几乎总是返回Angular 的Angular 的 EventEmitter.当[详细]
-
Angular Component
所属栏目：[安全] 日期：2020-12-17 热度：117
Component 组件 web component标准: 自定义元素 模板 Shadow DOM Html 导入 Angular组件 所有的Angular组件都可以独立存在 任何Angular组件都可以作为根组件被引导、路由加载、在其他组件中使用 组件不能被单独启动，必须包装到模块(NgModule)中,通过Bootstr[详细]
-
Angular2+ 编译后部署到服务器上页面刷新404问题
所属栏目：[安全] 日期：2020-12-17 热度：86
原因：NG2+ 会默认不显示URL后面的文件名 解决方案：使用LocationStrategy方式，然后把URL后的# 替换成index.html# app.module.ts 1 import {HashLocationStrategy,LocationStrategy} from ‘@angular/common‘ ; 2 3 @NgModule({ 4 imports: [ ], 5 declara[详细]
-
AngularJS标准Web业务流程开发框架—1.AngularJS模块以及启动分
所属栏目：[安全] 日期：2020-12-17 热度：153
前言： AngularJS中提到模块是自定义的模块标准，提到这不得不说AngularJS是框架中的老大哥，思想相当的前卫.。在这框架满天横行的时代，AngularJS有些思想至今未被超越，当然仁者见仁智者见智啦！（杠精免谈） 一、模块的定义 AngularJS的开发从根模块的创[详细]
-
Angular基础知识
所属栏目：[安全] 日期：2020-12-17 热度：52
=============================基本概念部分====================================== 1. AngularJS 是什么? * Google 开源的 前端JS 结构化 框架 * 动态展示页面数据, 并与用户进行交互 * AngularJS 特性( 优点) * 双向数据绑定 * 声明式依赖注入 * 解耦应用[详细]
-
angularjs和ajax的结合使用 （三）
所属栏目：[安全] 日期：2020-12-17 热度：173
转眼九月份了，忙忙碌碌 发现今年还没开过张，写一篇吧。 15年在空闲时就倒腾过angularjs那玩意儿 ，觉得还是挺好的，李金龙那厚厚的一本书，只不过没有系统化应用。最主要的是原来有一个东西没有用到 那就是路由。在中衡的时候看到黄国文同志用那种全ajax的[详细]
-
Angular4.+ ngx-bootstrap Pagination 自定义分页组件
所属栏目：[安全] 日期：2020-12-17 热度：76
Angular4 随笔（二） ?——自定义分页组件 1.简介 本组件主要是实现了分页组件显示功能，通过使用 ngx-bootstrap Pagination分页组件实现。 基本逻辑： 1.创建一个分页组件，如：ng g component ?pager 2.父组件调用子组件，并向子组件传入基础配置信息 3.分[详细]
-
Angular4.x 自定义搜索组件
所属栏目：[安全] 日期：2020-12-17 热度：70
Angular4 随笔（三） ?——自定义搜索组件 1.简介 本组件主要是实现了搜索功能，主要是通过父子组件传值实现。 基本逻辑： 1.创建一个搜索组件，如：ng g component ?search 2.父组件调用子组件，并向子组件传入基础配置信息，如搜索框默认提示信息等。 3.搜[详细]
-
ANGULAR6.x - 错误随笔 - Can't bind to 'formGroup
所属栏目：[安全] 日期：2020-12-17 热度：73
formGroup ：错误 Can‘t bind to ‘formGroup‘ since it isn‘t a known property of ‘form‘. (" 原因： ? 在使用form表单时，如果用到了form-group与formControlName，需要在app.module.ts中的import引入的不仅仅有FormsModule，还要引入ReactiveFormsM[详细]
-
Angularjs启动应用
所属栏目：[安全] 日期：2020-12-17 热度：51
要启动一个angular应用，可以使用ng-app指令，也可以调用bootstrap方法手动启动。 ? 一个angular应用中，可以有多个angular.module。应该有且只有一个angular.module的名称与ng-app的值一致，否则就没有意义了。 angular.module(‘M1‘,[]);angular.module([详细]
-
angular js 初学
所属栏目：[安全] 日期：2020-12-17 热度：125
1 angularJS的一些概念 ? ? AngularJS 通过新的属性和表达式扩展了 HTML。 ? ? AngularJS 是一个? JavaScript 框架 ，它是一个以Javascript编写的库，它可通过 script 标签添加到 HTML 页面。 ? ? Angular Js是一个Javascript框架， ? ? AngularJS 可以构建[详细]
-
angular路由传参和获取路由参数的方法
所属栏目：[安全] 日期：2020-12-17 热度：85
1.首先是需要导入的模块 import { Router } from " @angular/router " ; // 路由传参用到 import{ActivatedRoute,Params} from ‘ @angular/router ‘ ; // 获取路由传参用到 2.第二步，注入服务 constructor( private activateInfo:ActivatedRoute private[详细]
-
脚手架vue-cli系列二：vue-cli的工程模板与构建工具
所属栏目：[安全] 日期：2020-12-17 热度：97
上篇文章我们提到了vue-cli的工程模板。这里我们来详细的进行介绍。 vue-cli提供的脚手架只是一个最基础的，也可以说是Vue团队认为的工程结构的一种最佳实践。对于初学者或者以前曾从事AngularJS/React开发的用户来说，可能对开发环境有自已习惯性用法和熟悉[详细]
