腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
2
回答
一旦ngIf完成了ngIf元素的呈现,如何在ngIf中触发指令?
angular
、
angular-directive
、
lifecycle
、
angular-ng-if
我的问题涉及*ngif指令,一旦*ngif=true,我希望在'ModClass‘指令能够完成它的操作之前,首先呈现html内容。 我试图实现ngOnInit和ngViewInit,但没有成功,因为我相信在呈现ngif内容时ngOnInit会触发,或者在生成父组件时更早。 另外,对于ngViewInit,我想我需要订阅一些东西,但是我不知道我需要订阅什么。(我可能完全错了,这会做更多的研究) 下面的代码说明了我的问题,以及一个stacksblitz链接,这样您就不必在计算机上重新创建此代码来排除故障。 代码应该做的是按一下按钮,点击它,切换与*ngIf='trigger'
浏览 0
提问于2018-10-16
得票数 3
回答已采纳
2
回答
如何在[ngClass]中使用自定义属性指令?
angular
、
angular2-directives
、
custom-directive
我已经定义了一个自定义属性指令: import { Directive, ElementRef } from '@angular/core'; @Directive({ selector: '.vvdirective' }) export class VVdirectiveDirective { constructor(private elRef: ElementRef) {} ngOnInit() { this.elRef.nativeElement.style.backgroundColor = "gray";
浏览 6
提问于2020-05-16
得票数 0
2
回答
Angular2中自定义指令与组件之间的通信
angular
、
directive
我有一个有文本框的模板,一个'span‘标签和一个'div’标签。 ‘'div’标签有'selectedColor‘自定义指令。当输入值改变时,我想改变'span‘和'div’标签的背景色。 最后,我希望我的指令对输入变化做出反应,并设置'div‘标签的背景色。 我还想更改输入值更改事件的'span‘背景色。 boot.ts import {Component,bind} from 'angular2/core'; import {bootstrap} from 'angular2/platform/b
浏览 2
提问于2016-01-18
得票数 5
回答已采纳
2
回答
自定义角指令: NullInjectorError:StaticInjectorError(AppModule)[MatInput -> ElementRef]
angular
、
angular-material
由于下面的错误,我的角应用程序无法编译。我不知道为什么。我刚刚升级到了角8,但是我已经更新并重新安装了材料依赖项。 NullInjectorError:StaticInjectorError(AppModule)[MatInput -> ElementRef]: StaticInjectorError(Platform: core) [MatInput -> ElementRef]: NullInjectorError: No provider for ElementRef! 更新 好吧,这显然是因为我创建了一个指令。如果删除对指令的引用,则错误将得到解决。我的指令肯定
浏览 0
提问于2019-06-06
得票数 1
回答已采纳
1
回答
角2:着色和显示数字数据的指令
angular
、
angular2-changedetection
如何创建用于着色和显示输入数字值的指令。重要的部分是用来检测变化和对输入值变化作出反应的指令。 下面是我的示例代码: //our root app component import {Directive, Component, NgModule, Input, OnInit, OnDestroy, ElementRef} from '@angular/core' import {BrowserModule} from '@angular/platform-browser' @Component({ selector: 'my-app',
浏览 0
提问于2017-01-27
得票数 1
回答已采纳
1
回答
在我的新div中创建的角指令加载组件,而不是外部
javascript
、
angular
、
angular-directive
、
angular-component-life-cycle
我有各种工具提示,所以我决定使用directive加载它们。效果很好。但问题是,它没有在主机中加载或附加div。如果没有使用创建的子div加载component,我就发现没有用。 有人能帮帮我吗? 以下是我的指示: import { DOCUMENT } from '@angular/common'; import { Directive, ElementRef, Input, OnInit, SimpleChanges, HostListener, ViewContainerRef, Renderer2, Inject, ViewChi
浏览 6
提问于2020-12-15
得票数 0
回答已采纳
2
回答
可点击的角表格单元格
html
、
angular
、
html-table
、
angular-directive
我有一张有排的桌子。当我单击一个单元格时,它已更改为红色,但一次只能更改一个颜色。如果我单击另一个单元格,前一个单元格应该不再是红色的。我不知道如何一次只让一个细胞变红。你有什么想法吗? html文件: <table> <tr appFocusCell><td > </td></tr> <tr appFocusCell><td> </td></tr> <tr appFocusCell><td> </td></tr> <
浏览 3
提问于2022-04-11
得票数 0
回答已采纳
2
回答
如何在angular 4中使用自定义指令为同级文本添加颜色
angular
我正在学习angular 4,我正在练习自定义指令,我试图做的是在选择任何选项时改变文本边框的颜色,这意味着如果选择的选项是红色,则将边框更改为红色。蓝色然后蓝色。如下所示: 下面是我的指令类: import {Directive , ElementRef, Renderer, OnInit} from'@angular/core' @Directive({ selector : "[dirNew]" }) export class dirNew{ constructor ( private _el : ElementRef, private ren
浏览 3
提问于2018-05-07
得票数 1
1
回答
如何在Angular 6中使用同一组件的多个实例?
javascript
、
angular
我已经创建了一个带有选择器'app-circle‘的组件。该组件的HTML包含一个圆的SVG。 我想要的是-在我的主HTML中使用多个'app-circle‘来绘制具有不同属性(比如颜色)的多个圆。但我似乎无法做到这一点。基本上,我的意图是将“app-circle”重用为多个对象。 (请原谅我的幼稚;我刚接触angular和web开发,我的经验主要是在C#中,这可能是我发现难以包装angular/web概念和工作方式的原因) 以下是代码: main.html <div class="diagram-wrapper"> <app-circle
浏览 12
提问于2018-07-25
得票数 5
回答已采纳
7
回答
如何结合腾讯云开发微信小程序?
api
、
serverless
、
html5
目前,微信小程序越来越流行,而且功能越来越强大,在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ,小程序的开发快捷,使用方便,越来越多的产品会落地到微信小程序上。但传统的微信小程序开发,和普通的H5页面开发或者原生APP开发相比,只是改变了前端部分的开发方式,还是离不开厚重的后台开发。 现在的小程序,在后台服务方面,正在往 serverless 趋势方向发力。小程序提供了云厂商的无服务器函数 SCF,使得小程序无需搭建一个后台服务即可运行。如何结合腾讯云开发微信小程序?
浏览 3741
提问于2018-09-28
1
回答
无法使用@ViewChildren为角2选择模板中声明的组件
javascript
、
jquery
、
angular
我正在将一个jQuery应用程序迁移到角2,其中一个没有工作的段落是用于设置菜单行为的下面的选择器。 $("li.dropdown").on("mouseenter mouseleave", function () { ... }); 我的策略是使用@ViewChildren引用它,并在ngOnInit方法中设置行为,如果有必要,在ngAfterContentInit方法中设置行为。但是,当我点击断点并在控制台中键入this.comboxes,列表undefined时。我在谷歌上搜索过,但并没有发现任何有用的信息(不过,这可能是我的无知所致)。 我怎样才能对模
浏览 2
提问于2017-02-12
得票数 1
回答已采纳
25
回答
【开箱吧腾讯云】开发工具千千万,哪个最高效最好用?
腾讯云
、
产品
、
工具
、
开发
、
开发工具
开发工具千千万,哪个最高效最好用? 在关键时刻解决了你的卡点和痛点,欢迎你和我们一起分享你使用过的腾讯云宝藏工具! 点赞最高的前5名将获得猫王小王子花梨原木便携蓝牙音箱1个(截止时间:11月12日24:00) 另外在11月9日晚20:00-21:00 【开箱吧腾讯云】将迎来3位开发大神分享自身工具箱 快来腾讯云开发者视频号预约吧!更有超多双十一产品优惠等你! 图片
浏览 1731
提问于2022-11-02
1
回答
Angular2 -- asp.core --在路由到特定url时无法绑定指令。
angular
、
angular2-routing
、
angular2-directives
我花了很多时间在这件事上,准备挥舞白旗。 我的应用程序在从index.html运行时运行良好,我懒得加载一个特性,它使用绑定将样式应用于测试目的。 但是,如果我直接访问url,就会得到异常。 “对节点模块的调用失败,错误: error: Uncaught (为了承诺):TypeError:无法设置属性‘填充’的未定义”。 使事情变得更加困难的是,突出显示指令工作得很好,这是唯一不绑定的my label指令。如果我从html中删除label属性,页面就会很好地加载。我真的很难找出造成这个问题的原因。 应用程序模块 import { NgModule } from '@angula
浏览 1
提问于2017-04-05
得票数 0
2
回答
为什么ngStyle不工作?
javascript
、
angular
、
typescript
我将指令中的属性color添加到了ngStyle属性中。但是ngStyle没有对元素应用任何样式。编译器没有显示任何错误,控制台也没有。我尝试了不同的ngStyle语法,但仍然不起作用。 我还添加了下面的app.modules代码。加载模块有什么问题吗? import { Directive, ElementRef, OnInit, Renderer2, HostListener, Input } from '@angular/core'; // custom directive which changes backgr
浏览 0
提问于2017-09-18
得票数 1
2
回答
windows scroll上的Angular EventListener是如何工作的?
angular
、
addeventlistener
、
nav
、
event-listener
我想知道如何在登录页面下面跟踪导航栏的位置,这样当导航栏到达顶部时,它就会粘滞在顶部,直到你返回。我在stackoverflow和其他示例中尝试了许多选项,但都没有成功。 这是我的代码。 import { Component, OnInit, HostListener, ElementRef, ViewChild, AfterViewInit } from "@angular/core"; import { ScrollDispatcher } from "@angular/cdk/scrolling"; @Component({ selector: &
浏览 15
提问于2019-11-24
得票数 1
1
回答
从角指令获取NgForm实例
angular
、
typescript
、
angular-directive
、
angular-forms
我正在尝试创建一种行为,在此行为中,所有附加到preventFormChangesLoss指令的表单都将运行,以便如果表单有更改(如果不是pristine或submitted),页面将在用户希望离开时显示警告。 为此,我试图获得我的指令,以获得我的指令附加到的NgForm实例。现在,我已经 import { Directive, Input, ElementRef, OnInit, AfterViewInit, ViewChild } from '@angular/core'; import { NgForm } from '@angular/forms';
浏览 0
提问于2019-02-12
得票数 1
回答已采纳
3
回答
只有刷新浏览器后,Angular 7 structural指令才有效
angular
、
jwt
、
auth0
我在angular 7到7中使用了一个结构指令来根据用户角色隐藏应用程序的一部分。用户角色是从jwt令牌解码的。然而,我遇到了一些问题。我使用了与Angular 6相同的实现,没有任何问题,但是我尝试的似乎都不起作用。如果我作为管理员登录,我需要刷新浏览器的管理员链接,以显示或隐藏,如果我登录一个普通用户。错误消息已经发布在下面,我已经添加了hasRole.directive和html链接 NavComponent.html:2错误角色:无法读取HasRoleDirective.push../src/app/_directives/hasRole.directive.ts.HasRoleDir
浏览 1
提问于2019-02-14
得票数 0
2
回答
@输入在ngOnInit角2上未定义
javascript
、
angular
由于某些原因,即使我尝试使用ngOnInit()方法,也无法访问属性的@Input值。 index.html <html> <head> <title>Angular 2 QuickStart</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- 1. Load libraries --> <!-- IE required poly
浏览 3
提问于2016-03-28
得票数 2
回答已采纳
2
回答
尽管已导入表单模块Angular2+,但在CustomDirective中没有NgControl提供程序
angular
、
forms
、
dependency-injection
、
import
、
angular-directive
因此,我正在创建一个自定义指令,并且需要在其中使用表单控件。但是我得到了一个错误:没有NgControl的提供者;我知道正确的答案是:导入反应式表单模块,但我已经导入了! import { Directive, ElementRef, Input, HostListener, OnDestroy } from '@angular/core'; import { NgControl } from '@angular/forms' @Directive({ selector: '[testDirective]' }) export class T
浏览 0
提问于2020-07-15
得票数 0
3
回答
使用指令角2更改输入的ngModel值
angular
、
angular2-directives
我一直在研究如何使用指令访问和更改输入ngModel值。问题的结果是,当我选择所需的地址时,模型的地址值不会更新……它只是设置为我在输入中实际输入的内容,而不是输入的最终值。 I输入'830': I选择‘8300FauntleroyWay西南,西雅图,美国,美国’: 结果值: { address: '830' } 期望值: { address: '8300 Fauntleroy Way Southwest, Seattle, WA, United States' } 在AngularJS中,我可以这样做: (funct
浏览 4
提问于2016-06-02
得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
从属性到结构,带你深入理解 Angular2 两大类型指令!
从AngularJS快速跳转到Angular
Angular 13 发布:全面弃用 View Engine
Web前端:什么是 Angular JS和Angular?有什么区别吗?
使用 Angular 5.0和Spring Boot 2.0 构建一个基本的 CRUD 应用
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券