如何通过angular 2中的类名获取输入值

我有一组输入元素：

    <input type="text" name="firstName" class="mandate" />
    <input type="text" name="MiddleName" class="mandate" />
    <input type="text" name="lastName" class="mandate" />
    <input type="text" name="Address" class="mandate" />'

---

但我不知道如何在Angular 2中完成。我在Angular 2中是一个完全的新手

要解决此问题，可以在组件中使用。这将使您可以像jquery那样选择模板中的所有元素

@ViewChildren('.mandate') mandates;

mandates.forEach((mandate) =>{
     //do something here
});

---

这将以数组的形式检索具有类指令的所有元素，并使用角度变化检测进行更新。

要解决此问题，您可以在组件中使用。这将使您可以像jquery那样选择模板中的所有元素

@ViewChildren('.mandate') mandates;

mandates.forEach((mandate) =>{
     //do something here
});

---

这将以数组的形式检索具有类指令的所有元素，并使用角度变化检测进行更新。

您可以在angular和querySelector中使用元素引用（

ElementRef

），方法与您在jQuery中使用的方法相同

  constructor(private elementRef: ElementRef) {
  }

  // this is inside any of the method
  // this is to select multiple 
  this.elementRef.nativeElement.querySelectorAll('.mandate');

  // this is to select single
  this.elementRef.nativeElement.querySelector('.mandate')

---

您可以在angular和querySelector中使用元素引用（

ElementRef

），或者使用jQuery中使用的方式

  constructor(private elementRef: ElementRef) {
  }

  // this is inside any of the method
  // this is to select multiple 
  this.elementRef.nativeElement.querySelectorAll('.mandate');

  // this is to select single
  this.elementRef.nativeElement.querySelector('.mandate')

---

---

阅读是在测试中还是在实际代码中目前我正在Angular 2上处理POC，我想在表单中应用错误计数，所以我需要获取值并在类的基础上执行一些操作/事件，就像我们在jquery中所做的那样。阅读是在测试中还是在实际代码中目前我正在Angular 2上处理POC，我想在表单中应用错误计数，所以我需要获取值并在类的基础上执行一些操作/事件，就像我们在jquery中所做的那样。@Oreofeolrin我想你误解了他的要求。他没有提到表单，而是询问如何根据类名选择所有元素。看看他提供的标记，除了角度表单是一种更好、更简单的方法go@oreofeolurin不管怎样，他的问题是关于元素的循环。棱角形状不会给他这种能力。@Oreofelurin更容易做什么？你不知道他想对这些元素做些什么，比如说他解释得不够。。。。。。。。。。别担心，我已经取消了反对票，@Oreofeulin我想你误解了他的要求。他没有提到表单，而是询问如何根据类名选择所有元素。看看他提供的标记，除了角度表单是一种更好、更简单的方法go@oreofeolurin不管怎样，他的问题是关于元素的循环。棱角形状不会给他这种能力。@Oreofelurin更容易做什么？你不知道他想对这些元素做些什么，比如说他解释得不够。。。。。。。。。。别担心，我已经删除了否决票，这个.elementRef.nativeElement.querySelectorAll（'.command'）；这没有返回任何内容它应该给出一个项目列表，你应该做一个.map来循环所有项目谢谢，这是我的错误，实际上我在我的组件中使用了一些不同的类名，这就是为什么它没有返回任何内容，但现在它工作正常。谢谢。this.elementRef.nativeElement.querySelectorAll（“.ordinance”）；这没有返回任何内容它应该给出一个项目列表，你应该做一个.map来循环所有项目谢谢，这是我的错误，实际上我在我的组件中使用了一些不同的类名，这就是为什么它没有返回任何内容，但现在它工作正常。谢谢