在Angular中，使用@Input装饰器可以将属性从父组件传递到子组件。ngIf是一个内置的Angular指令，用于根据条件显示或隐藏元素。生成PDF可以使用第三方库如pdfmake或jsPDF。

下面是一个示例，演示如何在子组件中使用@Input和ngIf，并生成PDF。

首先，在父组件中定义一个属性，使用@Input装饰器将其传递给子组件：

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

@Component({
  selector: 'app-parent',
  template: `
    
    Toggle PDF
  `
})
export class ParentComponent {
  showPdf: boolean = false;

  togglePdf() {
    this.showPdf = !this.showPdf;
  }
}

然后，在子组件中，使用@Input装饰器接收父组件传递的属性，并在模板中使用ngIf根据条件显示或隐藏元素：

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

@Component({
  selector: 'app-child',
  template: `
    

      
      Generate PDF
    
  `
})
export class ChildComponent {
  @Input() showPdf: boolean;

  generatePdf() {
    // 生成PDF的代码
  }
}

在上面的示例中，当点击父组件中的按钮时，会切换showPdf属性的值。如果showPdf为true，子组件中的内容就会显示，其中包括一个生成PDF的按钮。

你可以根据具体需求使用pdfmake或jsPDF库生成PDF。以下是使用pdfmake生成PDF的示例代码：

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

@Component({
  selector: 'app-child',
  template: `
    

      Generate PDF
    
  `
})
export class ChildComponent {
  @Input() showPdf: boolean;

  generatePdf() {
    const documentDefinition = {
      content: 'This is a sample PDF document generated using pdfmake.'
    };

    pdfMake.createPdf(documentDefinition).open();
  }
}

以上代码中，当点击生成PDF的按钮时，会创建一个包含文本内容的PDF文档，并打开它。

请注意，为了使用pdfmake，你需要先安装它，并在代码中导入相应的模块。

这是一个简单的示例，演示了在Angular中使用@Input和ngIf，并生成PDF的解决方法。根据具体需求，你可以扩展代码来适应更复杂的场景。