访问Angular 2中的DOM元素并更改元素的class属性

文章/答案/技术大牛

发布

1回答

javascript、angular、dom

我是新来angular2的。我的代码是这样的： selector: 'main', <div class="current"> ` export class Ma

浏览 15提问于2017-02-22得票数 4

回答已采纳

4回答

当一个角度分量可以被ngIf删除时，如何从打印文本中引用它？

angular、typescript、angular-material、angular-components

我试图使用@ViewChild从代码中访问这个组件，这样我就可以编程地更改focused状态，但是当视图初始化时，这个MatInput并不存在--它的存在是由*ngIf指令决定的。基本上，当视图加载时，有一个带有文本的p元素。如果用户单击该元素，它将被替换为一个input，其中起始值是原始元素的文本。当它失去焦点时，它将被保存并返回到一个p元素。问题是，当他们第一次点击文本来改变文本时，创建

浏览 12提问于2018-01-03得票数 7

回答已采纳

1回答

Angular js -如何在动态创建指令后调用指令？

angularjs、angularjs-directive、angularjs-factory

所以我要做的就是通过Factory将一个指令作为属性添加到一个元素中。我有一个单独的指令文件，它根据在该元素上触发的一些事件操作DOM，该元素是将新添加的指令作为属性的那个元素。现在发生的事情是，指令文件首先被调用，它搜索DOM，没有找到指令标签。调用after指令的工厂成功地将属性添加到DOM</em

浏览 18提问于2018-01-25得票数 1

3回答

Angular2表单输入中的#name和[(ngModel)]="name“有什么区别？

angular、angular2-forms

两者之间的有效区别是什么？

浏览 1提问于2017-04-05得票数 18

回答已采纳

2回答

AngularJS从服务访问DOM

angularjs

不幸的是，我似乎无法引用服务所需的DOM元素。如果有人有更好的方法来做这件事，我会全神贯注的。我是AngularJS的新手。main.html (部分)<div id="map" class="map"></div> <div id=

浏览 1提问于2015-11-27得票数 2

回答已采纳

3回答

AngularJS -查找具有属性的元素

angularjs

我是AngularJS的新手。我已经了解到，我可以使用如下查询在DOM中查找元素：var e = angular.element(elem.querySelector('.classname')); 这对于通过ID或CSS类名查找元素很有用。但是，我需要能够使用不同的方法找到一个元素。我有一个看起来像

浏览 0提问于2013-12-27得票数 36

回答已采纳

1回答

如何通过角指令访问先前的兄弟姐妹？

javascript、angular、typescript、angularjs-directive、frontend

目前，我正在使用ELEMENTREF通过Redenrer2访问DOM。下面是一个基本的例子： selector: '[appHighlight]'export class HighlightDirective { constructor(private renderer: Rend

浏览 1提问于2018-08-22得票数 4

回答已采纳

1回答

在ng-repeat指令中访问DOM

javascript、angularjs、dom、ng-repeat

您好，我是AngularJS新手，已经开始学习如何构建指令在我的示例中，我试图访问在我的指令中呈现的DOM元素，但我不能访问一些元素，因为它们还没有在我的链接函数中呈现。如何使用ng-repeat和指令访问这些元素？在我示例中，我可以获取"p“并更改其颜色，但不能访问td以更改其css属性、绑定事件

浏览 0提问于2016-04-07得票数 3

1回答

可以在角2的组件中使用DOM操作吗?还是应该在指令中进行呢？

angular、angular2-directives、angular2-components

有人能提到DOM在角2中操作的最佳实践吗?我已经做了大量的研究，但找不到最好的解决方案。它是在组件本身中完成还是创建指令？

浏览 2提问于2017-06-16得票数 1

回答已采纳

1回答

我应该为Angular* 5中的HTML中的每个元素编写属性指令吗？*

angular、angular-directive

因此，我只是在学习Angular (5)中的属性指令，以及如何使用它们来更改DOM元素的外观，而不是组件本身，因为我们不应该在那里访问nativeElement。问题是：2) ..或者我应该根

浏览 0提问于2020-01-17得票数 2

1回答

如何在/>更改时强制重新创建<img src？

javascript、angular

我有一个这样的角度组件： import { Component, Input } from '@angular/core'; selector: 'picture',/picture.html',export class Picture {} <img src="{{pictureUrl}}"/> 问题是，当pictureUrl

浏览 16提问于2020-01-22得票数 0

1回答

如何从敲除绑定中获取DOM元素？

knockout.js

我已经使用knockout将DOM元素绑定到viewModel。当我更改底层模型的属性时，它会更改DOM - all ok。但是，有没有一种方法可以到达绑定的DOM元素，这样当底层模型在外部更新时，我就可以向它添加一个类？我使用了自定义绑定，它允许我访问DOM元素，但我想知道是否有一种更简单的方法可以直接从viewModel的绑

浏览 2提问于2013-02-26得票数 10

1回答

如何在添加了append()方法的html元素中显示控制器的值？

javascript、jquery、html、angularjs、dom

我会感谢你的帮助。我的问题是:在我看来，我无法从$scope.info中表现出价值。我无法直接访问html，因此只能通过js更改DOM。我创建了新元素并使用append()方法将其添加到DOM中 clicks: 15862, created: '04/08/2017author: 'John Kovalenko'

浏览 3提问于2017-08-02得票数 0

回答已采纳

2回答

角JS用链接函数的元素操纵dom

angularjs、dom、angularjs-directive

我们知道可以通过元素逐个指令访问dom，因为元素是在链接函数中注入的。="child">child</div>') //angular.element(document).find('.parent').append('<div class="// m.removeChild(m.firstCh

浏览 2提问于2017-06-03得票数 0

回答已采纳

1回答

如何在angular中动态删除css类

angular

DigitalIdSelected = 但是它对我不起作用，我的元素在数组中，我绑定了数据库中的图像，我必须检查哪一项应用了"selectedId“类，如果它被应用了，那么我必须删除那个类

浏览 0提问于2021-04-03得票数 0

1回答

角提供者- $animate不能正常工作

angularjs、jquery-animate、provider

$animate.leave不知道该离开什么，导致我的新元素有多个实例。为什么会发生这种事？(document.querySelector('body'))var myApp = angular.module('myApp ',[

浏览 2提问于2016-06-23得票数 0

回答已采纳

3回答

在CoursesComponent上找不到指令批注

angular、typescript

但是我一直收到这个错误：我的app.components.ts看起来像这样import {CoursesComponent} from '.></courses>',}) export clas

浏览 0提问于2016-12-05得票数 1

2回答

如何保存jQuery引用？

javascript、jquery、dom

我正在处理jQuery和JavaScript原型，并制作了这个小小的东西来尝试和理解如何保存/访问jQ对象。我创建了一个具有单个属性的类 this.div = $('<div class = "test"/>');然后，我做了一些原型方法来操作它然后，我创建了类的两个实例，并能够更改每个实例的

浏览 5提问于2015-02-26得票数 0

回答已采纳

5回答

如何获取动态生成的Angular2元素的引用

angular、angular2-template、angular2-directives

<md-input id="my-input-{{i}}"> </div> 请注意，id=my-input-{{i}}，我想获得一个基于这个动态id的DOM元素的引用。这个输入可以是3，6或更多的输入，所以我需要动态地访问id并保持它。

浏览 13提问于2016-11-10得票数 36

回答已采纳

3回答

为什么我不能用同样的方式引用所有属性呢？

javascript、html

我正在动态地创建一个输入标记，它具有以下属性。<input id='beep' id2='boop'></input>var tag = document.getElementById("beep");alert(tag.attributes["id"]); 当涉及到我的自定义属性id2时，我被迫使用后一个属性<

浏览 2提问于2013-01-29得票数 0

回答已采纳

点击加载更多