angular2-directives相关内容

使用指令检测 angular 4 中的 Click 外部元素

我使用了一个自定义指令来检测 angular 2 中元素外部的点击,但在 angular 4 中是不可能的. [plunkr] https://plnkr.co/edit/aKcZVQ?p=info 当我尝试在 angular-4 中使用相同的代码时,出现以下错误: 1.'{ 模板:字符串;指令:typeof ClickOutside[];}' 不可分配给“组件"类型的参数.==>@ ..
发布时间:2021-11-28 16:55:57 其他开发

如何在 Angular 2 的同一个组件中使用多个 ng-content?

我想在我的组件中显示不同的模板.只有一个会显示.如果 hasURL 是 true,我想显示 .如果 hasURL 是 false,我想显示 . 问题如果hasURL为false,组件显示按钮,但ng-content为空.因为它已经在第一个“a> 请问有什么办法可以解决吗? ..
发布时间:2021-11-28 08:02:19 前端开发

角度 4:*ngIf 具有多个条件

我有点困惑.如果结果有几种情况之一,我需要隐藏块.但似乎它不能正常工作... {{message}} 它只是在其他情况下出现.它既不适用于 1 种情况, ..
发布时间:2021-11-10 02:39:43 其他开发

如何以最有效的方式提取 ViewContainerRef 和 ComponentRef?

我使用 angular-material mdSidenav 并希望以编程方式打开它并插入自定义组件. 我使用 @ViewChild('varName') 来提取 componentInstance 和 @ViewChild('varName', {read: ViewContainerRef}) 来提取我要放置的容器我的内容. 所以,我的问题是 - 是否有可能只有 1 个 @View ..
发布时间:2021-11-10 02:20:30 其他开发

有条件地应用指令

我正在使用 Material 2 添加 md-raised-button.我只想在特定条件成立时应用此指令. 例如: 另一个例子:我在 plunker 中创建了一个基本的动态反应形式.我正在为控件数组使用反应形式的 formArrayName 指令.我只想在特定条件为真时应用 formArrayName 指令,否则不要添加 formArrayName 指令. 这是一个 plunk ..
发布时间:2021-11-10 02:17:13 其他开发

如何在 angular 2 的网格中使用 flex 布局和 md-card?

我正在使用“@angular/core":“2.4.10"和“@angular/material":“2.0.0-beta.2".我已经使用 npm 安装了 flex-layout.我想用卡片设计响应式网格.我正在使用 md-grid-list 和 md-card.如何在 md-card 或 md-grid-list 中使用 flex 布局.网格和卡片应该根据窗口/屏幕大小做出响应.预期结果:只要 ..
发布时间:2021-11-10 01:53:01 其他开发

有条件地应用指令

我正在使用 Material 2 添加 md-raised-button.我只想在特定条件成立时应用此指令. 例如: 另一个例子:我在 plunker 中创建了一个基本的动态反应形式.我正在为控件数组使用反应形式的 formArrayName 指令.我只想在特定条件为真时应用 formArrayName 指令,否则不要添加 formArrayName 指令. 这是一个 plunk ..
发布时间:2021-11-10 01:19:47 其他开发

数据表过滤器逻辑更改未反映

我正在尝试更改角度数据表中的过滤器逻辑 导出类 FilterPipe 实现 PipeTransform {键 = [];变换(项目:任何,参数:字符串):任何{console.log('数据表测试');if (items != null && items.length > 0) {让 ans = [];如果(this.keys.length == 0){this.keys = Object.ke ..
发布时间:2021-11-09 23:24:08 其他开发

Angular 2 指令现在“可扩展"了吗?

我在 Angular 1 中遇到的最大问题是扩展(在面向对象的意义上)指令有多么困难. 例如,几乎不可能在我的自定义小部件上重用 input[number] 指令,我不得不重新实现所有验证和类型转换代码. Angular 2 组件是作为类实现的,因此它们似乎可以轻松扩展.但是,他们也有带有非常具体的选择器等的 @Component 注释,这让我不清楚这些是否可以完全覆盖. 那么 ..
发布时间:2021-11-09 23:01:08 其他开发

指令将 ng-model 输入值显示为角度货币

我想在我的输入字段中显示带有十进制值的货币符号.如果模型值设置为 2,它应该显示 $2.00 而模型值应该保持数字.我创建了一个这样做的指令,但是如果从服务器加载值,其中值在模型中设置,那么它显示 $2.00 并且模型值也是字符串,而我需要数字.在谷歌搜索许多帖子后,我找到了这个 soln 但它是有角度的1.它如何转换为角度2?我需要完全相同的行为:Fiddle 我的指令是: impor ..
发布时间:2021-11-09 22:58:24 其他开发

Angular 2/4:如何使用指令检查输入值的长度?

我创建了一个可以验证输入的自定义属性指令,它有没有价值.请参考以下代码. 我不知道为什么如果条件不起作用,在 console.log 中它只显示 0.我的代码有什么问题吗? 我也尝试过其他 angular 的应用生命周期事件. 谢谢! import { Directive, ElementRef, Input, AfterContentInit ,Renderer } from ..
发布时间:2021-11-09 22:41:25 其他开发

如何在 Angular 2 中对指令进行单元测试?

问题:我希望能够在 Angular 2 中对指令进行单元测试,以确保它正确编译. 在 Angular 1 中,可以使用 $compile(angular.element(myElement) 服务,然后调用 $scope.$digest().我特别是我希望能够在单元测试中做到这一点,这样我就可以测试当 Angular 在 my-attr-指令 编译. 限制条件: Angular ..
发布时间:2021-11-09 04:50:17 其他开发

Angular *ngFor 由一个单一的结构指令组成?还是两个?

在我回答另一个问题时,我看到一本书的屏幕截图,上面写着 *ngFor(语法糖版本)由两个结构指令组成.> 这是书中显示的代码: {{书名}} 所以 Angular guide 是错误的指出“结构指令很容易识别".星号 (*) 位于指令属性名称之前...".或者书是错的.因为我在那里只看到一个星号. 所以我开始挖掘 An ..
发布时间:2021-11-09 00:59:13 其他开发

如何在 Angular 世界之外发生更改时更新 Angular 2 反应式表单字段

我最近开始学习 Angular 2,我正在努力理解我应该如何将外部世界发生的变化正确地连接到 Angular Reactive Forms. 具体来说,我对以下示例有疑问:我想创建一个指令,通过 typeahead jQuery 插件提供的自动完成功能增强输入.我的指令如下所示: @Directive({选择器:'[myTypeahead]'})类 TypeAheadDirective 实 ..
发布时间:2021-11-09 00:58:59 其他开发

如何限制材料输入中的特殊字符

我有一个素材输入控件,我在用户输入时限制了特殊字符,但是当在任何编辑器中输入一些单词并复制并粘贴带有特殊字符的单词时,这不起作用. 我已经为此编写了指令以防止特殊字符,但可以提供更好的解决方案来限制复制粘贴. app.component.html: ..
发布时间:2021-11-09 00:56:15 其他开发

使用指令检测角度 4 中的单击外部元素

我使用了一个自定义指令来检测 angular 2 中元素外部的点击,但在 angular 4 中是不可能的. [plunkr] https://plnkr.co/edit/aKcZVQ?p=info 当我尝试在 angular-4 中使用相同的代码时,出现以下错误: 1.'{ 模板:字符串;指令:typeof ClickOutside[];}' 不可分配给“组件"类型的参数.==>@ ..
发布时间:2021-11-09 00:56:06 其他开发

检测指令中的输入值何时更改

我试图检测指令中输入的值何时发生变化.我有以下指令: import { ElementRef, Directive, Renderer} from '@angular/core';@指示({选择器:'[数字]',主持人:{“(输入)":'onInputChange($event)'}})出口类编号{构造函数(私有元素:ElementRef,私有渲染器:Renderer){}onInputCha ..
发布时间:2021-11-09 00:56:03 其他开发