我想在角度独立组件 v14 中使用ngx-avatar 。

我在模板中使用它，并在组件导入中导入它。

但我收到错误消息：

Component imports must be standalone components, directives, pipes, or must be NgModules.

堆栈闪电战

import { AvatarModule } from 'ngx-avatar';

@Component({
  selector: 'my-app',
  standalone: true,
  imports: [AvatarModule, CommonModule],
  template: `
    app works!

    <ngx-avatar class="my-avatar" value="HM"> </ngx-avatar>
  `,
})
export class AppComponent {
  name = 'Angular ' + VERSION.major;
}

我尝试使用它来解决它，importProvidersFrom但它不起作用：

bootstrapApplication(
  AppComponent, {
   providers: [importProvidersFrom(AvatarModule.forRoot())],
  }
);

知道我怎样才能让它发挥作用吗？

假设我有一个表格：-

searchForm = new FormGroup({
      SearchBox = new FormControl<string>('', {nonNullable: true});
)}

我尝试这样做：-

this.Query = this.searchForm.SearchBox.value;

查询属性的类型是字符串，我收到错误。

“类型‘字符串|未定义’不可分配给类型‘字符串’”。

我可以使用！运算符使其像这样工作。

this.Query = this.searchForm.SearchBox.value!;

但这是告诉它表单控件不会未定义的最好方法吗？有没有比打耳光更好的方法呢！我想在任何地方将表单控件的值分配给组件中的属性？

我正在开发一个 Angular 项目，从 angular14 更新到 15，但是在安装新的 Material 包后，整个项目在视觉上似乎被破坏了。颜色、边距、填充错误。该项目只包含css样式文件，不包含scss。我认为问题出在遗留材料组件上，但是我应该如何/在哪里添加到项目中？谢谢！

我收到此错误错误：NG04014：路由“检查//”的配置无效：redirectTo 和 canActivate 不能一起使用。重定向发生在激活之前，因此 canActivate 永远不会被执行。将 Angular 13 升级到 14 后。有人可以帮忙吗？

我想知道如何将非独立组件导入到独立组件中，因为非独立组件是在 ngModule 中声明的。

我将我的 Angular 项目更新为 Angular 14。现在我想要一些standalone components，，pipes或者directives。

我有一个名为ProductModule的特色模块，并且希望在此模块中使用名为uppercase的独立管道。

// structure
---Product
          ---product.component
          ---product.service
          ---product.module.ts

---StandabloneFolder
                    ---uppercase.pipe.ts

我的大写管子

@Pipe({
    name: 'uppercase',
    standalone: true,
})
export class UppercasePipe implements PipeTransform {
    transform(value: string): string {
        return "UPPERCASE_INPUT"
    }
}

在product.component.html中

{{'Javascript Addicted' |uppercase}}

出现以下错误：

找不到名称为“大写”的管道product.component.ts(6, 39)：组件 ProductComponent 的模板中发生错误。

笔记：

standalone: true如果我添加到Product.Component并从声明数组中删除ProductComponent，这个问题就会得到解决。