无法将数据传递给带有@input的ng-bootstrap

ng-bootstrap是一个用于Angular应用程序的开源UI库，它提供了一套丰富的可重用组件和指令，用于构建现代化的Web界面。@input是ng-bootstrap库中的一个指令，用于在组件之间传递数据。

当我们想要将数据从一个组件传递到另一个具有@input指令的ng-bootstrap组件时，我们可以按照以下步骤进行操作：

1. 在发送数据的组件中，首先需要定义一个属性来保存要传递的数据。例如，我们可以定义一个名为data的属性。
2. 使用@input装饰器将该属性标记为输入属性。这样，我们就可以将数据从父组件传递给子组件。
3. 在接收数据的ng-bootstrap组件的HTML模板中，使用属性绑定来将传递的数据绑定到组件内部的变量。例如，可以使用[data]="data"将data属性绑定到组件内部的data变量。
4. 在接收数据的组件的TypeScript文件中，通过添加一个带有@input装饰器的属性来接收传递的数据。例如，可以定义一个名为data的属性，并使用@input装饰器将其标记为输入属性。

以下是一个示例，演示如何将数据传递给带有@input的ng-bootstrap组件：

发送数据的组件：

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

@Component({
  selector: 'app-sender',
  template: `
    <div>
      <button (click)="sendData()">发送数据</button>
    </div>
  `
})
export class SenderComponent {
  data: string = 'Hello ng-bootstrap!';

  sendData() {
    // 这里可以通过某种方式将数据传递给接收数据的组件
  }
}

接收数据的组件：

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

@Component({
  selector: 'app-receiver',
  template: `
    <div>
      <p>接收到的数据：{{ data }}</p>
    </div>
  `
})
export class ReceiverComponent {
  @Input() data: string;
}

通过在发送数据的组件中调用sendData()方法，可以将数据传递给接收数据的组件。然后，在接收数据的组件的HTML模板中，使用[data]="data"来绑定传递的数据。最后，在接收数据的组件的TypeScript文件中，使用@Input()装饰器来接收传递的数据。

在实际应用中，我们可以根据具体情况使用ng-bootstrap库提供的其他组件和指令。ng-bootstrap官方文档（https://ng-bootstrap.github.io/）提供了完整的组件列表和详细的使用说明，可以根据需要选择适合的组件。