要在Angular 6中提取整数和小数以进行个体CSS格式化，可以使用以下解决方法：

1. 首先，在组件的HTML模板中，使用Angular的插值表达式将整数和小数分别提取出来，并将它们分别赋值给两个变量。例如：

  整数部分：{{ integerPart }}
  小数部分：{{ decimalPart }}

2. 在组件的Typescript代码中，定义一个方法来提取整数和小数。使用JavaScript的内置方法toFixed()将数字四舍五入到指定的小数位数，并使用正则表达式提取整数和小数部分。例如：

export class MyComponent implements OnInit {
  number: number;
  integerPart: number;
  decimalPart: number;

  ngOnInit() {
    this.number = 3.14159;
    this.extractNumberParts(this.number);
  }

  extractNumberParts(number: number) {
    const roundedNumber = number.toFixed(2); // 将数字四舍五入到两位小数
    const numberParts = roundedNumber.toString().split('.'); // 将数字转换为字符串，并使用点号分割整数和小数部分
    this.integerPart = parseInt(numberParts[0]); // 提取整数部分
    this.decimalPart = parseInt(numberParts[1]); // 提取小数部分
  }
}

3. 最后，在组件的CSS文件中，使用提取出的整数和小数部分来进行个体CSS格式化。例如：

.number-format {
  font-size: {{ integerPart }}px; /* 使用整数部分设置字体大小 */
  color: #{{ decimalPart }}; /* 使用小数部分设置颜色 */
}

这样，整数部分将被应用于字体大小，小数部分将被应用于颜色，从而实现个体CSS格式化。