angular自定义指令

Angular4路由守卫异步操作

守卫可以用同步的方式返回一个布尔值。但在很多情况下，守卫无法用同步的方式给出答案。守卫可能会向用户问一个问题、把更改保存到服务器，或者获取新数据，而这些都是异步操作。因此，路由的守卫可以返回一个Observable或Promise，并且路由器会等待这个可观察对象被解析为true或false。canActivate():Promise{returnthis.http.post('url',null)
飞鱼YE·2023-12-19 00:15

解决select 下拉框运行时总会有一个空值(空选项)的问题

项目中用到很多下拉选项都会多出一个空选项,如图运行结果总会有一个空值出现,解决办法如下:效果如下:添加图中框选的代码即可,我是在Angularjs中使用的,在不用框架的情况下:其实就是添加一个option
weixin_34198797·2023-12-18 22:01

python tclerror_解决python - "tkinter.TclError: invalid command name" error after calling root.destroy...

IamintheprocessoflearningtkinteronPython3.X.Iamwritingasimpleprogramwhichwillgetoneormoreballs(tkinterovals)bouncingroundarectangularcourt
笨爪·2023-12-18 13:30

简述框架与函数库的区别

常见的框架有React、Vue、Angular等，它们都具有自己的特点和优势，可
嘘~！·2023-12-18 07:56

angular路由复用

网上看到angular路由复用比较方便,别人已经写好了,正好符合项目的要求,上代码新建SimpleReuseStrategy.ts文件(跟app.module.ts同级)import
别人都叫我小志·2023-12-18 06:33

基于Angular4和Spring Cloud的前后端分离技术

图1微服务架构1.前端技术主要采用了Angular4：（1）Angular4实现一套框架，多种平台
sknfie·2023-12-18 05:03

President's Office

workhissubordinates.Eachsubordinate,aswellasPresidenthimself,hashisowndeskofauniquecolour.Eachdeskisrectangular
weixin_30613727·2023-12-18 03:24

CodeForces - 6B President's Office【水题】

workhissubordinates.Eachsubordinate,aswellasPresidenthimself,hashisowndeskofauniquecolour.Eachdeskisrectangular
invoKer-·2023-12-18 03:53

B. President‘s Office

workhissubordinates.Eachsubordinate,aswellasPresidenthimself,hashisowndeskofauniquecolour.Eachdeskisrectangular
Excers·2023-12-18 03:51

Angular 环境搭建 - Angular

node-v和npm-v查看版本信息；若未显示当前版本而是显示“undefined”的字样则需要预先安装该node.js;安装node.js链接地址：node.js其次，已安装node.js后便可以继续安装angularcli
survivorsfyh·2023-12-17 23:58

vue3如何动态添加组件到dom中（jsx,h(),render）

背景，在写自定义指令的时候遇见，需要把svg图标组件动态添加到div中，然后把方法绑定到图标上1、创建jsximportIconSvgfrom"@/components/IconSvg/IconSvg.vue
随便起的名字也被占用·2023-12-17 22:55

【代码实现--图片放大、缩小、旋转、拖拽】

记录一下【代码实现–图片放大、缩小、旋转、拖拽】需求：点击图片，查看实际图片，并且可以放大、缩小、旋转、拖拽实现：全局组件BigImg，接受图片路径参数，显示图片，拖拽使用自定义指令v-dragImage
github_39096247·2023-12-17 20:18

vue3自定义指令实现图片懒加载

在电商项目中，图片资源如果初始化就全部加载不仅会影响页面的性能还会造成服务器多余的开销，实在没有必要，所以可以使用图片懒加载的方式来实现什么是懒加载：指的是在设定的条件下之后再执行加载资源的处理注：本文就不介绍VueUse封装的useIntersectionObserver，想了解可以自行在官方文档查看实现：采用浏览器原生APIIntersectionObserver实现，useIntersect
zou-dev·2023-12-17 18:39

vue自定义指令

/*eslint-disable*/import{classOf}from"./common";exportdefault(Vue)=>{Vue.directive('justify-width',{bind(element){element._$loadWidthHandler=(event)=>{letimg=event.target;img.style.setProperty('width'
唐十八_wei·2023-12-17 18:38

vue3 通过自定义指令在table中滚动加载数据

1.在utils文件中新建一个loadMore.ts文件。importtype{Directive,App}from'vue';constdebounce=function(func:any,delay:any){lettimer:any=nullreturnfunction(){if(timer)clearTimeout(timer)timer=nullletself=thisletargs=a
你眼中的柔情·2023-12-17 18:37

vue自定义指令进行 接口 页面滚动懒加载

需求：多个模块在一个页面的数据看板，一次性请求多个接口，会造成页面卡断，有的接口运行缓慢，甚至出现canceled的情况解决思路：前端进行接口滚动，自定义指令进行接口懒加载（模仿懒加载图片），滚动页面，
从零开始··2023-12-17 18:37

vue3.0自定义指令实现表格无限滚动

1.代码letVue=createApp(App)Vue.directive('tableInfiniteScroll',{mounted(el,binding){lettbody=el.querySelector(".el-table__body-wrapper");el.tableInfiniteScrollFn=function(){if(this.scrollHeight-this.scr
醉红梦颜·2023-12-17 18:36

vue 使用自定义指令添加滚动加载功能（以iview下拉组件为例(组件自带远程搜索功能)，其他组件同上）

*页面需要三个参数：*option：远程搜索返回的数据*count：所有数据总条数*pageindex：当前页码*query：远程搜索查询条件**/{{op.name}}exportdefault{inserted(el,binding,vnode){//找到对应组件中子组件的类名constSELECTWRAP_DOM=el.querySelector('.ivu-select-dropdown'
咖喱&土豆·2023-12-17 18:36

Vue注册自定义指令实现element-ui组件库select下拉框滚动加载更多

在Vue文档中，找到了实现方式，那就是“注册自定义指令”除了核心功能默认内置的指令(v-model和v-show)，V
NMGWAP·2023-12-17 18:33

vue使用自定义指令使用滚动加载

使用自定义指令directives来实现滚动加载，下面以下拉框滚动加载为例exportdefault{data(){return{}}directives:{loadMore:{bind(el,binding
活宝小娜·2023-12-17 18:02

angular2打包项目上传服务器

1.在本地新建ng2项目，开发目录2.现在开始对上面的代码进行打包处理（命令ngbuild--prod--aot或者ngbuild--prod）3.然后再看看我们的项目目录，此时多了一个dist文件夹：这个dist文件夹里面就是我们所需要的最终的用来发布的项目了，我们通过tfp,将这个dist文件夹里面的内容放到我们的主机上就可以了；然后访问我们的主机，就可以看到正常的项目了；
杀个程序猿祭天·2023-12-17 16:41

Python自动化测试与测试用例的编写

例如，Windows软件开发框架.NET，Web开发框架ReactJS、AngularJS、PythonDjango、RubyonRails,机器学习框架TensorFlow、Caffe，等。
程序员阿沐·2023-12-17 14:22

使用Protractor搭建AngularJS冒烟测试

冒烟测试：也称为E2E测试，本文通过搭建Protractor来实现对AngularJS的前端测试1.安装Protractor由于本机已经安装过nodejs和npm，所以可以通过npm直接装npminstallprotractor-g2
running_sheep·2023-12-17 09:41

[Angular] 笔记1：开发设置 ， 双向绑定

1.2安装AngularCLIAngularCLI是用于创建Angular工程的工具集，使用如下命令：npmi@angular/cli@14--global,--global选项使ng命令随处可用。
小公鸡卡哇伊呀~·2023-12-17 08:06

【紫叶酢浆草】酢浆草科，酢浆草属

学名：OxalistriangularisA.St.
植物分类图像库·2023-12-17 07:15

自定义指令Custom Directives

Implementthecustomdirective*Makesuretheinputelementfocuses/blurswhenthe'state'istoggled**///以v开头的驼峰式命名的变量都可以作为一个自定义指令
Repeater、·2023-12-17 05:08

Vue3 setup语法糖学习

现在在vue3.2版本只需在script标签中添加setup，组件只需引入不用注册，属性和方法也不用返回，也不用写setup函数，也不用写exportdefault，甚至是自定义指令也可以在我们的template
雷霆击碎黑暗·2023-12-17 02:48

前端学习笔记（五）：VUE基础学习笔记

cli创建项目@vue/cli自定义配置vue指令基础指令虚拟DOM与key过滤器计算属性侦听器VUE组件创建使用组件通信生命周期axios使用$refs和$nextTick使用购物车案例组件切换组件插槽自定义指令
★追梦赤子心★·2023-12-17 00:21

Angular中使用Intersection Observer API实现无限滚动

传统angular实现是使用ngAfterViewInit()生命周期，写在指令（Directive）里面，并且传出一个事件，触发时回调被监控组件里面的具体函数。
世界还赞颂沉默吗·2023-12-17 00:18

简述目前比较火的3大前端框架-DAY1

Vue和Angular、React都是前端框架。1、他们都是单页面框架2、他们是基于模块化组件化的开发模式3、Vue简单灵活高效国内的中小企业里面用的非常多【目前我用的是Vue】
江川哇·2023-12-17 00:24

Struts、Struts2、Spring MVC、JSF、AngularJS、React以及Vue的对比

Struts是一种Java语言的Web应用框架，用于构建基于Java的Web应用程序。它旨在为开发人员提供一种简单易用的方法来构建动态Web页面。Struts框架提供了一组组件，用于处理常见的Web应用程序任务，包括处理用户输入，验证用户输入，构建和处理HTML表单，以及访问数据库。它还提供了一组工具和方法，用于管理应用程序的流程，并确保应用程序的有效运行。Struts框架提供的用于管理Web应用
AlphaFinance·2023-12-17 00:12

vue自定义指令，限制input输入框只能输入纯数字

Vue.directive('enterNumber',{//全局方法限制input输入框只能输入纯数字组件中调用如（）inserted:function(el){el.addEventListener("keypress",function(e){e=e||window.event;letcharcode=typeofe.charCode==='number'?e.charCode:e.keyC
文芬·2023-12-16 22:39

angular-服务(factory 、 service 和 provider)

$location，$http，$timeout，$interval1.factory定义一个对象，给这个对象添加属性和方法，然后返回这个对象。直接调用app.factory('MyFactory',function(){//defineresultobjectoffactory.varresult={};//addsomepropertyandmethodtotheobjectresult.gr
_杨柳_·2023-12-16 21:28

AngularJS 之控制器（Controller）

AngularJS控制器控制AngularJS应用程序的数据。AngularJS控制器是常规的JavaScript对象。AngularJS应用程序被控制器控制。
聂叼叼·2023-12-16 20:25

vue实现悬浮窗拖动的自定义指令

首先在自己的项目根目录下建一个src-->config-->drag.js然后在main.js中全局引入//鼠标拖动importdragfrom'@/config/drag';Vue.use(drag);drag.js文件相关代码importVuefrom'vue';//使用Vue.directive()定义一个全局指令//1.参数一：指令的名称，定义时指令前面不需要写v-//2.参数二：是一个对
zqlcoding·2023-12-16 18:16

2020国庆节Angular structual指令学习笔记

修改用户页面完成后，点击“确认”按钮，界面没有任何反应，用户也不知道修改成功与否。只有点击f12打开Chrome开发者工具，观察eduserAPI的响应：在response里看到statuscode为0，interpret字段为“修改成功”，才知道确认按钮点击之后修改确实生效了。这个bebavior对普通老百姓很不友好。StructuraldirectivesareresponsibleforHT
JerryWang_汪子熙·2023-12-16 17:55

js输入框部分内容不可编辑，其余正常输入，el-input和el-select输入框和多个下拉框联动后的内容不可修改

//格式//required自定义指令地区：//v-if="!
前端记事本·2023-12-16 16:53

【精】angular.json配置详解【angular12】

文章目录说明目录结构的理解angular.json详解说明angular升级到6以后，我们通过脚手架创建的项目就由angular-cli.json变为了angular.json了。
李卓书·2023-12-16 14:15

Angular终极教程

B站找到一个Angular的教程，个人感觉讲的清楚明白，分享给大家：B站链接RxJS快速入门快速跳转NgRx点我贴一下文档吧Angular企业实战开发1.概述Angular是一个使用HTML、CSS、TypeScript
材女的进击·2023-12-16 14:15

Step4：Angular调试方法

1.方法一：采用VSCode编译器，下载插件debuggerforchrome；选择调试，然后再选择chrome浏览器，在运行中输入npmstart执行，就可以在代码中打断点了2.方法二：在浏览器中按F12打开开发者工具，Sources->OpenFile，然后在输入框中输入需要调试的文件，直接打断点即可。
幽幽幽幽古溪·2023-12-16 14:14

在VSCode中调试angular的方法

近期学习angular，今天刚刚在电脑端安装VSCode，使用VSCode打开一个ngnew出来的一个angular项目，想要调试，但不知道该怎么操作了。
luanxiyuan·2023-12-16 14:10

Angular断点调试

与其他程序一样，Angular程序也支持在调试的时候断点及单步执行。如果是使用VSCode开发，可以安装调试插件，直接在VSCode窗口中进行断点执行。
_老杨_·2023-12-16 14:09

Angular13无法在浏览器debug

前言本文将介绍如何解决在Angular13中无法在浏览器中进行调试的问题，并提供了一种解决方法。发生场景根据项目需求，升级至Angular13后，发现无法在浏览器中进行调试。
Evan不懂前端·2023-12-16 13:32

利用vue指令解决权限控制问题

再通过vue自定义指令来判断是否存在该权限即可。拓展一下：vue指令的钩子函数bind--指令绑定到元素之上的时候触发只执行一次unbind--指令被移出的时候触发只执行一次
羊吖·2023-12-16 13:17

NgRx Store createSelector 的单步调试和源代码分析

源代码：import{Component}from'@angular/core';import{createSelector}from'@ngrx/store';exportinterfaceState
JerryWang_汪子熙·2023-12-16 11:35

stu09-HTML基本标签

标题标签一级标题二级标题三级标题四级标题五级标题六级标题2.段落标签显示效果：独占一行，段落之间有间隙Vue.js是目前最火的一个前端框架，除了可以开发网站，还可以开发手机App；Vue.js是前端的主流框架之一，和Angular.js
两条鱼h·2023-12-16 10:51

【Angular 开发】Angular 信号的应用状态管理

自我介绍做一个简单介绍，年近48，有20多年IT工作经历，目前在一家500强做企业架构．因为工作需要，另外也因为兴趣涉猎比较广，为了自己学习建立了三个博客，分别是【全球IT瞭望】，【架构师酒馆】和【开发者开聊】.企业架构师需要比较广泛的知识面，了解一个企业的整体的业务，应用，技术，数据，治理和合规。之前4年主要负责企业整体的技术规划，标准的建立和项目治理。最近一年主要负责数据，涉及到数据平台，数据
架构师酒馆·2023-12-16 09:37

【深入vue3 之 directive 指令的使用与讲解】

自定义指令概念：在Vue中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通DOM元素进行底层操作，这时候就
oumae-kumiko·2023-12-16 08:46

Angular——DomSanitizer服务

概念：DomSanitizer服务主要用于在Angular应用中对HTML、CSS和URL进行安全地处理和转换，以防止跨站脚本攻击（XSS）等安全漏洞。
crary,记忆·2023-12-16 07:06

vue与angular以及react的区别

Vue、Angular和React都是流行的前端框架，它们各自有一些显著的区别。Vue简洁易学：Vue被广泛认为是最容易学习和上手的前端框架之一，因为它的核心库相对小巧且易于理解。
无妄的罪·2023-12-16 07:27
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他