当输入其他字符时，输入字段只接受数字而不触发事件
我对 html 数字输入的默认行为不满意，我想要一个只接受数字的简单输入. 我创建了这个指令: import { Directive, ElementRef, HostListener, Input } from '@angular/core';从'@angular/forms' 导入 { NgControl };@指示({选择器:'输入[仅数字]'})导出类 NumberDirectiv
..
angular-directive相关内容
如何重新验证具有多个依赖字段的表单?
我对 Angular 还很陌生.我有一个表单，用户需要将端口号分配给 9 个不同的端口输入字段(上下文:它是服务器环境配置的表单).验证要求是不能分配两次端口号，因此 9 个端口号中的每一个都必须是唯一的. 为此，我有一个名为“srb-unique-port"的自定义验证指令，我将其分配给我的输入字段. 指令: (函数(){'使用严格';有角的.module('账户').direct
..
Angular 使用父级指令获取嵌套元素
这是我的代码 一些文字 这里我在父元素上有 my-directive，我想访问子元素并对其应用一些样式. 所以在我的指令中，我有以下内容. 导出类 MyDirective {@Input("toHide") localRef;构造函数(公共元素:ElementRef，公共渲染器:渲染器){con
..
Angular 4 Template-Forms 多字段验证指令和 ngModelGroup
我正在尝试使用 Angular Directive 验证典型的 新密码 和 确认密码 匹配.即使指令正确地捕获了不匹配，也不会显示错误消息: 模板表单
必需
..
模板解析错误:无法绑定到 DIRECTIVE，因为它不是“div"的已知属性
我已经查看了有关此错误的问题，但没有找到解决方案. 我有一个高亮指令，我接受一个输入index.当我在使用它的模块中声明该指令时，该指令有效.但我想在多个模块中使用它，所以我删除了声明，并将其放在导入错误的根模块中.那是我收到错误的时候: 错误:模板解析错误:无法绑定到“index"，因为它不是“div"的已知属性.("
][索引
..
如何制作结构指令来包装我的 DOM 的一部分?
我的 HTML 中目前有以下行: 这是我的第一行
使用包装器指令，我想添加第二个段落并将其包装在 div 中，使其看起来像这样: 这是我的第一行
然后指令将添加包装器和第二行，使最终的 HTML 看起来像这样:
这是我的第一行
这是我的第二个
根据我对 angular.io 的理解，我需要创建一个结构指令并使用 TemplateR
..
如何使用 angular 的装饰器模式增加指令的链接功能?
..
Angular Dropdown 指令不起作用
我将 Angular 6.0.5 与 Bootstrap 4.1.1 一起使用，并添加了下拉指令.但我不能让它工作.我在这里看到了很多类似的问题，但没有一个是针对 Bootstrap 4 的.这是下拉 html: 管理
..
Angular 4 指令错误:无法解析指令的所有参数
我对 Angular 完全陌生，正在尝试注入 基本结构指令 来自 Angular 指南.这是我的指令: import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';@指示({选择器:'[pcDropdown]'})导出类 DropdownDirective {私有 hasView = false;
..
如何使用 angular 2/4 的鼠标滚轮事件测试指令
我有一个带有鼠标滚轮事件的指令，它用于放大和缩小画布.我想知道如何为这样的事件编写单元测试.我在网上找不到任何例子，有人能指出我正确的方向吗? 我的指令: import { Directive, ElementRef, HostListener} from "@angular/core";从“./my-service"导入 { MyService };@指示({选择器:“[testDire
..
是否可以像我们在 angular 2 中测试属性指令那样对结构指令进行单元测试
我的项目中有属性指令和结构指令.我可以通过创建测试组件并在其模板中使用属性指令来测试属性指令. @Component({模板:``})导出类 TestComponent {}@指示({选择器:'[myAttrDir]'})导出类 MyAttrDirective {@Input('myAttrDir'
..
Angularjs 表单验证顺序
名称:
..
来自组件的 Angular 4 调用指令方法
我正在尝试构建一个结构指令，该指令将更改通过使用其选择器(静态)或通过调用其公共方法(动态)调用的父 DOM 结构. 在 html 模板中使用指令选择器可以正常工作，而无需任何问题. 我想弄清楚我们是否可以在不使用模板和调用指令方法的情况下实现相同的效果. my-directive.ts @Directive({ 选择器: '[sampleDirective]' })导出类 S
..
使用 angular 5 中的指令激活省略号时如何激活工具提示?
我有以下模板，其中添加了一个“dotdotdot"css 类正确省略溢出. {{data.trip.name}} 我在这里要做的是实现一个指令，当省略号仅被激活. 这是指令的当前代码: import { Directive, OnInit, ElementRef } from '@angular/core';声明 var $: any;@指示({选择器:'.dotdotdot'})导
..
指令可以从父作用域中删除自身吗
假设我有以下代码
..
如何限制材料输入中的特殊字符
我有一个素材输入控件，我在用户输入时限制了特殊字符，但是当在任何编辑器中输入一些单词并复制并粘贴带有特殊字符的单词时，这不起作用. 我已经为此编写了指令以防止特殊字符，但可以提供更好的解决方案来限制复制粘贴. app.component.html:
..
ngStorage 和 $window.localStorage 的区别
..
Angular 2.0 发布:管道和指令不再是@Component 的属性
我刚刚将我在 RC5 上构建的应用程序升级到最终版本，我对现在应该声明指令和管道的方式感到困惑.我收到此错误: 错误在 [默认] C:\xampp\htdocs\meriem-car\public\src\app\components\administration.component.ts:12:4'{ moduleId: string; 类型的参数选择器:字符串；指令:typeof Log
..
使用指令检测角度 4 中的单击外部元素
我使用了一个自定义指令来检测 angular 2 中元素外部的点击，但在 angular 4 中是不可能的. [plunkr] https://plnkr.co/edit/aKcZVQ?p=info 当我尝试在 angular-4 中使用相同的代码时，出现以下错误: 1.'{ 模板:字符串；指令:typeof ClickOutside[];}' 不可分配给“组件"类型的参数.==>@
..
检测指令中的输入值何时更改
我试图检测指令中输入的值何时发生变化.我有以下指令: import { ElementRef, Directive, Renderer} from '@angular/core';@指示({选择器:'[数字]'，主持人:{“(输入)":'onInputChange($event)'}})出口类编号{构造函数(私有元素:ElementRef，私有渲染器:Renderer){}onInputCha
..