-
angular+rxjs无限滚动加载组件轮子
所属栏目:[安全] 日期:2020-12-17 热度:186
前言 昨天将之前收藏的一篇 Angular 和 RxJS 实现的无限滚动加载文章仔细看完,并动手实现了一遍代码。项目中也用到过类似的滚动加载功能,就当是给自己造个轮子用了。 因为原文章主要侧重于知识点的讲解和代码逻辑实现,造出来的组件并不具备通用性,所以自[详细]
-
Angular4_获取table/div的高度
所属栏目:[安全] 日期:2020-12-17 热度:99
import { ElementRef,ViewChild } from '@angular/core';export class viewApp{ @ViewChild('mainScreen') elementView: ElementRef; viewHeight: number; constructor() { } clickMe(){ this.viewHeight = this.elementView.nativeElement.offsetHeight; }}[详细]
-
如何使用Laravel API在AngularJS表单内发送csrf_token()?
所属栏目:[安全] 日期:2020-12-17 热度:97
我正在努力建立一个角度的卧铺休息应用程序。我可以得到我的数据库的意见。当我尝试添加新的项目。我收到500错误告诉我不匹配的csrf令牌。 我的表单布局是: form class="form-horizontal" ng-submit="addItem()" input type="text" ng-model="itemEntry" pl[详细]
-
Angular4怎么实现立即查询
所属栏目:[安全] 日期:2020-12-17 热度:138
前言 最近小编在做的项目中要求输入查询内容不需要点击查询内容就可以实现查询功能,下面小编就来介绍一下Angular4怎么实现查询功能。 一、点击查询按钮出现查询内容 如果是这种情况的话,那么输入框和查询按钮就是分离的,点击查询按钮的时候输入框需要获取[详细]
-
【Angular】——TypeScript之胖箭头(=>)函数
所属栏目:[安全] 日期:2020-12-17 热度:128
前言: 胖箭头(=)函数是一种快速书写函数的简介语法。 ES5和TypeScript比较: 在ES5中,每当我们要用甘薯作为方法参数时,都必须用function关键字和紧随其后的花括号({})表示,例: var data=['Alice','Jack','Rose','Tom'];data.forEach(function(line)){co[详细]
-
angular日期型时间转字符串
所属栏目:[安全] 日期:2020-12-17 热度:109
最近有个新的需求,就是能根据时间查询出来学生打字情况的记录。 百度上一搜,关于angular的知识现在还是比较少的,经刚鹏师傅指点,实际上咱们可以直接查js日期型转字符串,然后再考虑一下js转ts就可以了。经过多方搜索都不能实现,所以就只能采取拼接的方[详细]
-
前端框架-Angular5 说明与分析
所属栏目:[安全] 日期:2020-12-17 热度:118
简介 Angualr 是一款来自谷歌的开源的 web 前端框架,诞生于 2009 年,由 Misko Hevery 等人创建,后为 Google 所收购。是一款优秀的前端 JS 框架,已经被用于 Google 的多款产品当中。 Angular、Vue、React对比分析 Angular1也叫做AngularJs,由于从Angular[详细]
-
angularjs – 使用ui.bootstrap导致轮播的问题
所属栏目:[安全] 日期:2020-12-17 热度:130
我有问题让转盘工作正常。我使用yeomen来支撑角度的应用程序。 我收到这个错误 Error: [$compile:ctreq] Controller 'carousel',required by directive 'slide',can't be found!http://errors.angularjs.org/1.2.26/$compile/ctreq?p0=carouselp1=slide at h[详细]
-
从零开始搭建口袋妖怪管理系统(1)-从Angular1.x开始
所属栏目:[安全] 日期:2020-12-17 热度:120
开坑,一直喜欢口袋妖怪,想着能写点有关的程序。 最近项目要改写管理系统,所以用Angular1.x搭建一个口袋妖怪管理系统试试。 巩固Ng1.x的知识+学习库的用法,然后算是记录一个系统从零开始到成型的过程吧哈哈~ 总计划 暂时计划比较简单,该网站是一个SPA即[详细]
-
[译] $digest 在 Angular 中重生
所属栏目:[安全] 日期:2020-12-17 热度:77
原文链接: Angular.js’ $digest is reborn in the newer version of Angular 我使用 Angular.js 框架好些年了,尽管它饱受批评,但我依然觉得它是个不可思议的框架。我是从这本书 Building your own Angular.js 开始学习的,并且读了框架的大量源码,所以[详细]
-
[译] Angular DOM 更新机制
所属栏目:[安全] 日期:2020-12-17 热度:93
原文链接: The mechanics of DOM updates in Angular 由模型变化触发的 DOM 更新是所有前端框架的重要功能(注:即保持 model 和 view 的同步),当然 Angular 也不例外。定义一个如下模板表达式: spanHello {{name}}/span 或者类似下面的属性绑定(注:这[详细]
-
[译] 为何 Angular 内部没有发现组件
所属栏目:[安全] 日期:2020-12-17 热度:71
原文链接: Here is why you will not find components inside Angular Component is just a directive with a template? Or is it? 从我开始使用 Angular 开始,就被组件和指令间区别的问题所困惑,尤其对那些从 Angular.js 世界来的人,因为 Angular.js 里[详细]
-
[译] Angular 属性绑定更新机制
所属栏目:[安全] 日期:2020-12-17 热度:161
原文链接: The mechanics of property bindings update in Angular 所有现代前端框架都是用组件来合成 UI,这样很自然就会产生父子组件层级,这就需要框架提供父子组件通信的机制。同样,Angular 也提供了两种方式来实现父子组件通信: 输入输出绑定 和 共[详细]
-
[译] 关于 Angular 动态组件你需要知道的
所属栏目:[安全] 日期:2020-12-17 热度:107
原文链接: Here is what you need to know about dynamic components inAngular 本文主要解释如何在 Angular 中动态创建组件(注:在模板中使用的组件可称为静态地创建组件)。 如果你之前使用 AngularJS(第一代 Angular 框架)来编程,可能会使用 $compil[详细]
-
【Angular 2+】使用<ng-content>实现嵌入包含(transclusi
所属栏目:[安全] 日期:2020-12-17 热度:105
1 为什么要用 transclusion (嵌入包含) 不要被术语 嵌入包含 所迷惑,下面用一个简单的例子将它说明清楚。 现有一个卡片组件( card component ),它由 header 、 body 和 footer 三个部分组成。 该卡片的 布局 (3个部分)和 颜色 (header和footer的背景色为灰[详细]
-
angularjs – 使用Angular JS进行文件选择
所属栏目:[安全] 日期:2020-12-17 热度:169
我想用AngularJS拿起一个文件: HTML: div ng-controller="TopMenuCtrl" button class="btn" ng-click="isCollapsed = !isCollapsed"Toggle collapse/button input type="file" ng-model="filepick" ng-change="pickimg()" multiple / output id="list"/out[详细]
-
角度 – 由模块“AppModule”导入的意外值“MyCustomModule”
所属栏目:[安全] 日期:2020-12-17 热度:125
我正在尝试将一个我的angular2自定义库迁移到RC.6 Webpack。我的目录结构是: - src - source TS files- lib - transpiled JS files + definition files- dev - development app to test if it works / looks ok.- myCustomLib.js - barrel- myCustomLib.d.t[详细]
-
Angularjs过滤器被否定
所属栏目:[安全] 日期:2020-12-17 热度:114
我有一组项目,我想使用ng模型过滤ng-repeat作为过滤该集合的字符串,到目前为止,我还没有找到一种方法来使其工作,当表达式被否定,我是做这样的事情: select ng-model="languageOrigin" ng-change="updatePrice()" option ng-repeat="language in langua[详细]
-
angularjs directive 使用自定义指令替换html内容报错总结
所属栏目:[安全] 日期:2020-12-17 热度:52
项目中,有一个加载中的html内容,所以使用directive自定义一个内容,不过在写完之后,一直报错: Error:[$compile:tplrt]http://errors.angularjs.org/undefined/$compile/tplrt?p0=commonLoadingp1=view%2Fcommon%2Fcommonloading 后来检查之后才发现,是因为自[详细]
-
notes:Get Started with Angular
所属栏目:[安全] 日期:2020-12-17 热度:132
https://egghead.io/courses/get-started-with-angularhttps://egghead.io/lessons/angular-2-say-hello-world-to-angular-2notes:1 install angular js2 simple.ts define app-simple-formapp.component.ts use app-simple-formselector: 'app-simple-form'[详细]
-
Angular——前端构建bug
所属栏目:[安全] 日期:2020-12-17 热度:135
正文 ?? 小菜继续成长中:这两天前端构建时出现了一堆的bug,然后这些bug自己在本地还无法测试,只能按照错误日志修改bug,修改完了之后再次构建然后检测是否还有bug!刚开始的时候看到密密麻麻的错误日志恐惧,后来看美女示范操作了一下发现“构建bug”大部[详细]
-
《Angular4之Restful-API,自动屏蔽.后面的拼接》
所属栏目:[安全] 日期:2020-12-17 热度:130
前言: 千锤百炼出深山,烈火焚烧若等闲。 正文: 问题定位 spring boot默认的url匹配规则导致 解决方案 第一种方式-正则表达式 @RequestMapping(value = "/{userName:.+}",method = RequestMethod.GET) public String query(@PathVariable("userName") Stri[详细]
-
从零开始搭建口袋妖怪管理系统(2)-借助ngRoute实现详情页面跳转
所属栏目:[安全] 日期:2020-12-17 热度:88
一、目标 上一次我们用Angular1.x完成了简单的口袋妖怪展示列表页面,现在我们想要了解口袋妖怪更多的信息,但是发现原有单行表格可能容纳不下口袋妖怪的所有信息,所以现在我们需要一个口袋妖怪详情界面了。依旧是从刚刚的 展示列表界面 开始,点击口袋妖怪[详细]
-
Angular--Directive
所属栏目:[安全] 日期:2020-12-17 热度:124
在Angular2中有 三种类型 的指令(Directive) ,如下: 1 . 属性型指令 - 改变元素显示和行为的指令。例如:NgStyle … 2 . 结构型指令 - 通过添加和移除DOM元素来改变DOM结构的指令。例如:NgFor,NgIf … 3 . 组件 — 拥有模板的指令。 一、属性指令(ngS[详细]
-
Angular项目接入Fundebug监控
所属栏目:[安全] 日期:2020-12-17 热度:153
Angular项目接入Fundebug 最近在公司内部的Angular项目中接入了Fundebug监控,用于线上bug实时追踪。在此,跟大家分享一下相关内容,希望大家喜欢[详细]