在Angular中，根据最佳实践，我们应该将逻辑放在合适的组件中。通常，我们鼓励将逻辑放在更小的子组件中，以保持父组件的简洁性和可维护性。这样可以提高代码的重用性，并使子组件更易于测试和理解。

以下是一个示例，展示了将逻辑放在子组件中的做法：

父组件（parent.component.html）：

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

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html'
})
export class ParentComponent {
  parentData: any = {
    // 父组件的数据
  };
}

子组件（child.component.html）：

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

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html'
})
export class ChildComponent {
  @Input() data: any; // 接收来自父组件的数据

  // 在这里编写子组件的逻辑
  // ...
}

通过将逻辑放在子组件中，我们可以访问父组件传递的数据，并在子组件中处理它。这样可以确保父组件保持简洁，只负责传递数据给子组件，而子组件则负责处理这些数据并执行相应的操作。

请注意，这只是一种常见的做法，并不适用于所有情况。在某些情况下，将逻辑放在父组件中可能更合适。因此，根据具体的需求和情况来选择最佳的方法。