angular2-directives相关内容
我的一个项目使用的是角度2,对表进行分页使用的是NGX分页。我的页面结构如下 parent->child1=table1 child2-table-2 child-table-3 child4-table-4 每个子项调用自己的REST请求并填充表。我在父项中使用子组件,如下所示 数据-lang=“js”数据-隐藏=“假”数据-控制台=“
..
我正在尝试编写一个 Angular2 属性指令来修改某些元素的行为.更具体地说,我想将属性应用于具有点击处理程序的某些元素,并防止绑定函数在某些条件下执行. 所以现在我有一个元素,例如: onClick 是在承载按钮元素的组件上声明的函数. 我想做的是这样写:
..
我使用了一个自定义指令来检测 angular 2 中元素外部的点击,但在 angular 4 中是不可能的. [plunkr] https://plnkr.co/edit/aKcZVQ?p=info 当我尝试在 angular-4 中使用相同的代码时,出现以下错误: 1.'{ 模板:字符串;指令:typeof ClickOutside[];}' 不可分配给“组件"类型的参数.==>@
..
我正在尝试根据组件中的一组动态项在指令中设置 routerLink 值.但是 Angular2 抛出了一个错误: 例外:模板解析错误:解析器错误:在 AppHeader@5:40 中的 [ {{item.routerLink}} ] 的第 1 列中得到了插值({{}})(“][routerLink]=" {
..
我想在我的组件中显示不同的模板.只有一个会显示.如果 hasURL 是 true,我想显示 .如果 hasURL 是 false,我想显示 . 问题如果hasURL为false,组件显示按钮,但ng-content为空.因为它已经在第一个“a> 请问有什么办法可以解决吗?
..
我有一个 clickaway 监听器作为指令,它使用 @HostListener 放在 App.component.ts @Component({选择器:“应用程序根",templateUrl: "./app.component.html",styleUrls: [“./app.component.css"],})导出类 AppComponent {构造函数(私有点击:ClickawayServ
..
我有点困惑.如果结果有几种情况之一,我需要隐藏块.但似乎它不能正常工作...
{{message}}
它只是在其他情况下出现.它既不适用于 1 种情况,
..
我使用 angular-material mdSidenav 并希望以编程方式打开它并插入自定义组件. 我使用 @ViewChild('varName') 来提取 componentInstance 和 @ViewChild('varName', {read: ViewContainerRef}) 来提取我要放置的容器我的内容. 所以,我的问题是 - 是否有可能只有 1 个 @View
..
我正在使用 Material 2 添加 md-raised-button.我只想在特定条件成立时应用此指令. 例如: 另一个例子:我在 plunker 中创建了一个基本的动态反应形式.我正在为控件数组使用反应形式的 formArrayName 指令.我只想在特定条件为真时应用 formArrayName 指令,否则不要添加 formArrayName 指令. 这是一个 plunk
..
我正在使用“@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 布局.网格和卡片应该根据窗口/屏幕大小做出响应.预期结果:只要
..
我正在使用 Material 2 添加 md-raised-button.我只想在特定条件成立时应用此指令. 例如: 另一个例子:我在 plunker 中创建了一个基本的动态反应形式.我正在为控件数组使用反应形式的 formArrayName 指令.我只想在特定条件为真时应用 formArrayName 指令,否则不要添加 formArrayName 指令. 这是一个 plunk
..
我正在尝试更改角度数据表中的过滤器逻辑 导出类 FilterPipe 实现 PipeTransform {键 = [];变换(项目:任何,参数:字符串):任何{console.log('数据表测试');if (items != null && items.length > 0) {让 ans = [];如果(this.keys.length == 0){this.keys = Object.ke
..
我在 Angular 1 中遇到的最大问题是扩展(在面向对象的意义上)指令有多么困难. 例如,几乎不可能在我的自定义小部件上重用 input[number] 指令,我不得不重新实现所有验证和类型转换代码. Angular 2 组件是作为类实现的,因此它们似乎可以轻松扩展.但是,他们也有带有非常具体的选择器等的 @Component 注释,这让我不清楚这些是否可以完全覆盖. 那么
..
我想在我的输入字段中显示带有十进制值的货币符号.如果模型值设置为 2,它应该显示 $2.00 而模型值应该保持数字.我创建了一个这样做的指令,但是如果从服务器加载值,其中值在模型中设置,那么它显示 $2.00 并且模型值也是字符串,而我需要数字.在谷歌搜索许多帖子后,我找到了这个 soln 但它是有角度的1.它如何转换为角度2?我需要完全相同的行为:Fiddle 我的指令是: impor
..
我创建了一个可以验证输入的自定义属性指令,它有没有价值.请参考以下代码. 我不知道为什么如果条件不起作用,在 console.log 中它只显示 0.我的代码有什么问题吗? 我也尝试过其他 angular 的应用生命周期事件. 谢谢! import { Directive, ElementRef, Input, AfterContentInit ,Renderer } from
..
问题:我希望能够在 Angular 2 中对指令进行单元测试,以确保它正确编译. 在 Angular 1 中,可以使用 $compile(angular.element(myElement) 服务,然后调用 $scope.$digest().我特别是我希望能够在单元测试中做到这一点,这样我就可以测试当 Angular 在 my-attr-指令 编译. 限制条件: Angular
..
我在 元素上使用指令并获得对其控件的引用,如下所示: @ContentChild(NgControl) private readonly _inputNgControl: NgControl; 但是当我像这样听模型更改时: ngAfterContentInit(): void {this._inputNgControl.control.valueChanges.distin
..
在我回答另一个问题时,我看到一本书的屏幕截图,上面写着 *ngFor(语法糖版本)由两个结构指令组成.> 这是书中显示的代码: {{书名}} 所以 Angular guide 是错误的指出“结构指令很容易识别".星号 (*) 位于指令属性名称之前...".或者书是错的.因为我在那里只看到一个星号. 所以我开始挖掘 An
..
我有一个素材输入控件,我在用户输入时限制了特殊字符,但是当在任何编辑器中输入一些单词并复制并粘贴带有特殊字符的单词时,这不起作用. 我已经为此编写了指令以防止特殊字符,但可以提供更好的解决方案来限制复制粘贴. app.component.html:
..
我使用了一个自定义指令来检测 angular 2 中元素外部的点击,但在 angular 4 中是不可能的. [plunkr] https://plnkr.co/edit/aKcZVQ?p=info 当我尝试在 angular-4 中使用相同的代码时,出现以下错误: 1.'{ 模板:字符串;指令:typeof ClickOutside[];}' 不可分配给“组件"类型的参数.==>@
..