Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用Angular2删除元素的类_Angular - Fatal编程技术网

使用Angular2删除元素的类

使用Angular2删除元素的类,angular,Angular,我有两个要素。当一个元素悬停时,另一个元素的一个类应该被删除 从'@angular/core'导入{Component} @组成部分({ 选择器:'display' 模板:` 我叫杜德 ` }) 导出类显示组件{ } 当div悬停时,应移除p标记的类DN。您可以利用指令和mouseenter和mouseleave事件: 从'@angular/core'导入{Component} @组成部分({ 选择器:'display' 模板:` 我的名字是杜德 ` }) 导出类显示组件{ 私有showDNC

我有两个要素。当一个元素悬停时,另一个元素的一个类应该被删除

从'@angular/core'导入{Component}
@组成部分({
选择器:'display'
模板:`

我叫杜德

` }) 导出类显示组件{ }
div
悬停时,应移除
p
标记的类
DN

您可以利用指令和
mouseenter
mouseleave
事件:

从'@angular/core'导入{Component}
@组成部分({
选择器:'display'
模板:`
我的名字是杜德

` }) 导出类显示组件{ 私有showDNClass:boolean=true; }

参见示例用法