聚焦于bootstrap模式中的输入字段在angular 6中不会发生

在Angular 6中，如果你使用了Bootstrap样式框架，那么输入字段在聚焦时通常不会发生任何变化。这是因为Bootstrap并没有为输入字段的聚焦状态提供特殊的样式。

然而，你可以使用Angular的模板驱动表单或响应式表单来实现输入字段聚焦时的样式变化。下面是两种方法的示例：

模板驱动表单：在模板中，使用ngModel指令绑定输入字段的值，并结合ngClass指令来根据字段是否聚焦来添加样式。例如：

<input type="text" name="username" [(ngModel)]="username" (focus)="isFocused = true" (blur)="isFocused = false" [ngClass]="{'focused': isFocused}">

在上面的例子中，当输入字段聚焦时，会将isFocused变量设置为true，当失去焦点时，会将isFocused变量设置为false。然后使用ngClass指令根据isFocused变量的值来添加/移除"focused"类，你可以在样式表中定义这个类来实现输入字段聚焦时的样式。

响应式表单：在组件的代码中，创建一个FormControl对象，并使用FormGroup来包装它。然后，监听输入字段的聚焦事件，当聚焦时，设置一个布尔类型的变量为true，当失去焦点时，设置为false。最后，在模板中使用formControlName指令绑定输入字段，并使用ngClass指令根据变量的值添加/移除样式。

组件代码示例：

import { Component } from '@angular/core';
import { FormGroup, FormControl } from '@angular/forms';

@Component({
  selector: 'app-form',
  templateUrl: './form.component.html',
  styleUrls: ['./form.component.css']
})
export class FormComponent {
  form: FormGroup;
  isFocused: boolean = false;

  constructor() {
    this.form = new FormGroup({
      username: new FormControl('')
    });
  }

  onFocus() {
    this.isFocused = true;
  }

  onBlur() {
    this.isFocused = false;
  }
}

模板代码示例：

<input type="text" formControlName="username" (focus)="onFocus()" (blur)="onBlur()" [ngClass]="{'focused': isFocused}">

在上面的例子中，通过调用onFocus()和onBlur()方法来设置isFocused变量的值，然后使用ngClass指令根据isFocused变量的值来添加/移除"focused"类。

总结来说，在Angular 6中，如果你使用Bootstrap样式框架，输入字段在聚焦时不会自动发生变化。但你可以通过模板驱动表单或响应式表单来实现输入字段聚焦时的样式变化，具体方式可以参考上面的示例。如果你想了解更多关于Angular 6的表单处理，你可以查阅Angular官方文档：https://angular.io/guide/forms