angular2-directives相关内容
我试图检测指令中输入的值何时发生变化.我有以下指令: import { ElementRef, Directive, Renderer} from '@angular/core';@指示({选择器:'[数字]',主持人:{“(输入)":'onInputChange($event)'}})出口类编号{构造函数(私有元素:ElementRef,私有渲染器:Renderer){}onInputCha
..
使用自定义指令如何根据特定条件在宿主元素上添加/删除类? 示例: @Directive({选择器:'[customDirective]'})导出类 CustomDirective {构造函数(服务:SomService){//添加类的代码如果(service.someCondition()){//删除类的代码}}} 解决方案 如果你不想使用 ngClass 指令(提示:你可以传递一个函
..
我刚刚开始使用 Angular 2. 我想知道 Angular 2 中的组件和指令之间有什么区别? 解决方案 根据文档,Angular2 中基本上有三种类型的指令. 组件 结构指令 属性指令 组件 它也是一种带有模板、样式和逻辑部分的指令,是Angular2中最著名的指令类型.在这种类型的指令中,您可以在 @Component 注释中使用其他指令,无论它是自定义
..
我创建了具有 @Input() 绑定属性 src 的 img-pop 组件.我创建了 authSrc 指令,它具有 @HostBinding() 属性 src. @Component({选择器:'img-pop',模板:`
`})导出类 ImgPopOverComponent 实现 OnIni
..
我创建了一个自定义指令来在新选项卡中打开一个链接,在 ng serve 中运行时,它可以工作.但是,当我在 ng build --prod 中尝试时,它显示了这个错误: 无法解析 C:/Users/myApp/src/app/directives/open-link-in-new-tab.directive.ts: ([object Object], ?) 中 OpenLinkInNewTa
..
我在 angular 2 项目中安装了 jquery 插件链接 npm i jquery-bootstrap-scrolling-tabs 并添加.angular-cli.json "样式": ["styles.css",“../node_modules/jquery-bootstrap-scrolling-tabs/dist/jquery.scrolling-tabs.css"],“脚本
..
我有一个 clickaway 监听器作为指令,它使用 @HostListener 放在 App.component.ts @Component({选择器:“应用程序根",templateUrl: "./app.component.html",styleUrls: [“./app.component.css"],})导出类 AppComponent {构造函数(私有点击:ClickawayServ
..
我有一些由第三方(plotly)生成的 HTML,我很想在它创建的其中一个 DOM 元素上应用我们已经拥有的指令. 该指令在单击时打开一个 colorPicker 并将颜色设置为字符串. 我可以使用 querySelector 或 getElementById 访问该元素,但是如何转换/包装它以便添加指令? 我试过了: const el = document.getEleme
..
我有一个素材输入控件,我在用户输入时限制了特殊字符,但是当在任何编辑器中输入一些单词并复制并粘贴带有特殊字符的单词时,这不起作用. 我已经为此编写了指令以防止特殊字符,但可以提供更好的解决方案来限制复制粘贴. app.component.html:
..
我将 Angular 从 4 升级到 6,因此我的点击策略出现问题,它停止在所有组件上工作. 我的指令: import { Directive, Output, EventEmitter, ElementRef, HostListener } from '@angular/core';@指示({选择器:'[clickOutside]'})导出类 ClickOutsideDirective
..
我有一个素材输入控件,我在用户输入时限制了特殊字符,但是当在任何编辑器中输入一些单词并复制并粘贴带有特殊字符的单词时,这不起作用. 我已经为此编写了指令以防止特殊字符,但可以提供更好的解决方案来限制复制粘贴. app.component.html:
..
我正在使用 Angular 2 开发我的第一个应用程序,并且我已经为 Google Chrome 安装了 Augury 插件,以帮助我调试代码. 这是组件树和图表: 这是我的自定义组件 (DocumentsList) 的 HTML 模板:
#
..
我有 2 个组件.一个是页面,另一个是在页面上滑动的过渡.直接调用另一个组件中的函数? 使用代码示例进行编辑 - 我已经精简了主要组件,只专注于传递此值: 父组件: import {Component, ElementRef, OnInit} from '@angular/core';从'../../PageLoader/TransitionComponent'导入{Transit
..
我的代码如下 @Component({选择器:'我的应用',模板:`
{{hero1.name}} `})导出类 AppComponent {英雄2:任何= [新英雄('李','李'),新英雄('lee1','lee1'),];}职业英雄{私人名称:字符串;构造函数(名称:字符串,详细信息:字符串){this.name
..
我在我的 Angular 项目中使用 bootstrap-datepicker 创建它作为指令.下面是我的代码. HTML: 组件
..
我正在尝试根据后端响应切换按钮.如果响应为 Yes,则切换按钮应打开,如果响应为 No,则切换按钮应关闭.下面是我的html代码 ONOFF 下面是我的组件代码,其中我调用了一个 get 服务,该服
..
我有一个 div 就像
..
如何在 Angular 2 Javascript 中使用 ViewChild?我参考了 angular.io 文档,并尝试使用以下代码但它不起作用.谁能帮我?提前致谢. main.html app.component.js (function (app) {app.AppComponent = ng.core.成分({选择器:'我的应用',templateUrl: 'app/vi
..
RE DUPLICATE:“这个问题以前有人问过,已经有了答案." 所以这个问题是在我问它10天后问的?有人不知道如何读取时间戳. 我正在为 Angular 2 苦苦挣扎,这使得在 Angular 1 中做一些微不足道的事情变得困难或不可能,尤其是没有大量多余的代码和/或 DOM 节点.:( 在 Angular 1 中,我有一个查询控件,它对输入框中的击键进行复杂的处理,并在下拉
..
以下是我现在所拥有的:
..