Question

test.ts

import { OnInit, Output} from '@angular/core';
import { Model } from './model';

@Component({
  selector: 'app-test'
})

export class Test {
  constructor(
    public  model: Model
  ) { }
}

模型类model.ts

import { Input } from '@angular/core';

export class Model {
    @Input() title: string;
}

具有选择器的模板（* .html）

<app-test model.title="some text"></app-test>

不允许我使用 model.title 表示法。

如何在选择器属性上使用class.property符号？

Answer 1

您必须使用[]将值绑定到输入参数

<app-test [title]="model.title"></app-test>

Answer 2

您无法通过@Input表示法绑定.属性的属性。您只能绑定该组件的属性，而不能绑定嵌套的属性。

您可以将model属性与包含正确结构的对象绑定。

<app-test [model]="{title: some text}"></app-test>

在选择器中不能使用class.property符号

2 个答案: