angular-directive相关内容
我正在尝试为输入字段(文本框)创建自定义指令,使其仅接受数字而不接受字母字符. 我有以下(仅限numbers.directive.ts)文件: import { Directive, ElementRef, HostListener } from '@angular/core';@指示({选择器:“[onlyNumbers]"})导出类 OnlyNumbersDirective {构造
..
我正在尝试创建一个可以做两件事的 angular 指令. 1. 改变宿主元素的边框2.在宿主元素的末尾追加一个按钮 到目前为止,我正在第一步,我必须设置宿主元素的边框. HTML 指令 导出类 MyDirective{构造函数(私有模板引用:模板引用,私有视图容器:ViewContainerRef) {this.templateRef.elementRef.nativeEl
..
你好,Plunker!
..
我有以下指令: @Directive({选择器: '[changeColor]',exportAs:'changeColor'})导出类 ColorDirective {构造函数(元素:ElementRef,渲染器:Renderer2){renderer.setStyle(elem.nativeElement, 'color', 'red');}} 我有以下模板: 你好 这按预期工作,
..
1.4 更新似乎在嵌套指令中绑定函数时引入了一个问题.我有一个示例 plunker:http://plnkr.co/edit/fQLY0N8BTNs38VC8ikll 代码: var app = angular.module('myApp', []);app.controller('myCtrl', function(){this.searchFunction = 函数(术语){conso
..
我想在点击时在两行之间显示一些自定义组件/html.我相信快速简便的解决方案是使用来自点击处理程序的事件并直接操作 DOM,但是如果可能的话,我想以角度方式来做. 为了获得灵感,我首先查看了 这篇文章 关于扩展结构指令.但是它的用途有限,因为 *matRowDef 不应该单独使用,而是与其他元素结合作为材料表的一部分使用.然后我去看了源码code 并试图模仿 MatRowDef 扩展 Cdk
..
我在下面收到一个错误,我不明白为什么.有什么想法吗? html, 加载指令表单
角度, app.directive('myForm', function() {返回 {替换:真,控制器:功能($范围){$scope.isLoaded = false;$scop
..
我正在尝试使用 TypeScript 和 Angular 编写动态模板,但是由于某种原因,“this"关键字始终为空,因此我无法访问我的私有成员 $compile.有任何想法吗?非常感谢!:-) 指令: 命名空间 ROD.Features.Player {“严格使用";导出类 VideoDirective 实现 ng.IDirective {公共限制:字符串=“E";公共替换:boolea
..
我在 ReactiveForm FormControl 上组合了一个货币属性指令,它在输入事件 (onKeyDown) 上使用 @HostListener 来删除所有无效字符(字母和符号),因为它们被输入到输入中,但允许数字和小数.但是,如果您在空的输入字段中输入一个无效字符(即 a)并且它被指令删除,则模型不是 更新了. 我使用货币指令添加了一个 plunker 设置.理解我的问题的步骤:
..
我尝试使用 HostListener 跟踪滚动位置以更改标题的颜色. 我的header组件如下, import { Component, OnInit, Input, HostListener, Inject } from '@angular/core';从“@angular/common"导入{文档};@成分({选择器:'应用程序头',templateUrl: './header.com
..
我想通过自定义指令将验证器动态添加到我的 FormControl. @Directive({选择器:“[idNumber]",})导出类 IdNumberDirective 实现 OnInit {构造函数(私有表单控件:表单控件){}ngOnInit() {this.addValidators(this.formControl);}addValidators(formControl: FormC
..
我有两个指令,一个用于 ng-grid,另一个用于分页,当我点击一个指令中的页码时,ng-grid 指令应该根据那个进行更改,我对此有何想法. 解决方案 有很多方法可以实现:例如: 第一个解决方案 您可以在指令之间共享数据: 并在该值的第一个指令中设置 $watch scope.$watch
..
我正在测试一个操作 DOM 的 angularjs 指令. 我正在尝试获取 Jasmine 规范中的元素,以便我可以测试指令的功能.但是,当我使用 document.getElementsByClassName 或 TagName 或 ID 时,它不会返回任何内容.有人对此有什么想法吗? html = document.getElementsByClassName('analog');控制
..
我有一个指令读取输入控件的脏状态并采取一些行动. 以下是指令的代码. //我们的根应用组件从'@angular/core'导入{指令,主机监听器,输入};从'@angular/forms' 导入 { NgModel, FormGroup };@指示({选择器:'[ngModel][appMarkAsDirty]',提供者:[NgModel]})导出类 MarkAsDirtyDirectiv
..
我正在尝试在输入控件上按下 Enter 时模拟 Tab 键按下.为此,我使用了一个指令: 私有 el: ElementRef;@Input() onEnter: 字符串;构造函数(私有_el:ElementRef,公共渲染器:渲染器){this.el = this._el;}@HostListener('keydown', ['$event']) onKeyDown(e: any) {if (
..
如果找不到 src,我将使用 angular 指令作为后备 url 的名称首字母 指令 (函数(){'使用严格';有角的.module('应用').directive('imageFallbackInitials', imageFallbackInitials);/* @ngInject */函数 imageFallbackInitials() {返回 {限制:“A",优先级:1000,范
..
我需要调用属于我的 Angular 应用程序中使用的 ng 指令的 $scope 的函数. 假设指令是这样定义的: .directive('my-directive', ['$document', '$timeout', function ($document, $timeout) {返回 {限制:'E',替换:真的,范围: {//....},控制器:['$scope',函数($scope
..
我有以下表格: 如果我点击一颗星星,输入将自动填充被点击的星星的编号.(点击第三颗星,输入将填充数字“3",如下图所示) 星号下方的输入是 ng-required="true".
..
我使用 angular 2 和 ng2-material 来显示单选和复选框组件,在每个组件中我看到我必须导入所有 ng2-material 内容,最后只使用一个组件 => 结果,它对我的应用收费并使其速度变慢. 我想知道我是否可以只导入我需要的组件,尽管在 ng2-material 文档中他们导入了所有组件??? import {Component} from 'angular
..
我需要使用 ng-sidebar 在单击标题中的按钮时在左侧显示一个可折叠的侧边栏菜单. app.component.html
侧边栏内容
..