小编V.S*_*V.S的帖子

有没有办法将小部件添加到布局xml？我知道后端的布局更新,但我想知道是否有一种方法可以像静态块一样添加小部件？

使用 html 属性title作为结果@Input()会导致奇怪的结果。

运行示例： https: //stackblitz.com/edit/angular-apd2mf

你好.组件.ts

@Component({
  selector: 'hello',
  template: `<h1>Hello {{title}}{{name}}!</h1>`,
  styles: [`h1 { font-family: Lato; }`]
})
export class HelloComponent  {
  @Input() name: string;
  @Input() title: string;
}

应用程序组件.ts

@Component({
  selector: 'my-app',
  template: `
    <hello name="{{ name }}" title="Mr. "></hello>
    <p>Start editing to see some magic happen :)</p>
  `,
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';
}

结果

这里的问题是，当我title将鼠标悬停在标题上的任何位置时，我会看到输入的值。我知道我可以通过使用它来避免这种情况

<hello name="{{ name }}" [title]="'Mr. '"></hello>

但是，即使我将其声明为输入，Angular …