Question

我正在尝试定义自定义属性 count 。但是后面给出了错误：无法绑定到＆＃39; count＆＃39;因为它不是＆＃39; <＆＃39; 的已知属性。如何删除此错误并使计算自定义属性<p>

other.component.html

<p [count] = "10">
  other works!
</p>

other.component.ts

import {Component, Input, OnInit} from '@angular/core';

@Component({
  selector: 'app-other',
  templateUrl: './other.component.html',
  styleUrls: ['./other.component.css']
})
export class OtherComponent implements OnInit {

  @Input() count = 10;

  constructor() { }

  ngOnInit() {
  }

}

Answer 1

<p>没有name属性。您可以使用

绑定到name属性

[attr.name]="name"

或者

attr.name="{{name}}"

仅将此第二种形式（插值）用于绑定字符串值，因为传递的值始终是字符串化的。

Answer 2

使用Angular的@Input是错误的。

@Input（）count = 10 - ＆gt;它用于设置组件的属性，该属性命名为“app-other”。因此，您必须在父组件中设置count属性。

例如在app.component.html中：

<div>
   <app-other [count] = 10></app-other>
</div>

希望有所帮助！

如何在angular2中的同一组件中定义自定义属性

2 个答案: