在Angular中，可以通过使用@Input装饰器来接收字段的引用。下面是一个示例代码：

首先，创建一个自定义组件，比如叫做ChildComponent：

child.component.ts:

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

@Component({
  selector: 'app-child',
  template: `
    
{{ inputField }}
  `,
})
export class ChildComponent {
  @Input() inputField: string;
}

然后，在父组件中使用ChildComponent，并通过属性绑定的方式将字段的引用传递给子组件：

parent.component.html:

parent.component.ts:

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

@Component({
  selector: 'app-parent',
  template: `
    
  `,
})
export class ParentComponent {
  parentField = 'Hello from parent!';
}

在上面的例子中，父组件的parentField字段的值会传递给子组件的inputField字段。子组件会在模板中显示这个值。

注意：要确保在使用@Input装饰器时，字段名字和属性绑定的名字要保持一致。

希望这个例子能帮助你理解在Angular中如何自定义组件接收字段的引用。