angular-components 相关问题

组件控制称为视图的屏幕补丁。组件装饰器允许您将类标记为Angular组件，并提供其他元数据，以确定如何在运行时处理，实例化和使用组件。

在此组件中，当我在 ngOninit 中调用 getCurrentSalahOrIqamah 函数时，因此我的组件未加载到浏览器中。并保持卡住状态。我尝试使用延迟加载的急切加载组件...

angular angular-services angular-components

回答 1 投票 0

我在我的组件文件之一中创建了一个函数来重置表单（myform）： `onSubmit() { 如果（this.myform.valid）{ console.log("表单已提交！"); this.myform.reset(); } }` 它...

angular forms angular5 angular-components

回答 6 投票 0

有关角度内按钮范围的混乱

（单击）事件正在触发另一实例中的函数。我不知道如何解释这一点。我附上了一个 stackblitz 示例。单击两个按钮都会打印相同的内容...

html angular angularjs angular-directive angular-components

回答 1 投票 0

为什么 Angular 构造函数在 ngOnChanges 之前运行，即使它不是生命周期钩子的一部分？

我注意到，在 Angular 中，组件的构造函数在 ngOnChanges 钩子之前运行，尽管构造函数不被视为生命周期钩子的一部分。有人可以解释一下为什么吗...

angular angular-components angular-lifecycle-hooks

回答 1 投票 0

角度项目（html，css和js代码）

所以在我的角度项目中，我有4个组件（comp1，comp2，comp3，comp4），我找到了一个形式的代码（html，css和js），我想把它放在comp1中，所以告诉我我是否'我是否正确：我是否将...

javascript html css angular angular-components

回答 1 投票 0

VS Code -> Angular：创建一个没有规范文件的新组件

各位开发者！我正在为我的 Angular (17) 应用程序使用 VS Code（最新版本）。我可以右键单击一个文件夹并选择“新组件”选项来自动创建一个新的 Angular 组件...

angular visual-studio-code vscode-extensions angular-components

回答 1 投票 0

为什么要在主题/服务上使用@input @output？

通常，在将数据从子级传递给父级或从父级传递给子级时，我们使用@input和@output @input 和 @output 相对于主题或服务有什么好处，除了它是最有机的......

angular angular-components angular-changedetection data-sharing angular-lifecycle-hooks

回答 1 投票 0

Angular 17 - ng build - dist 文件夹生成

我使用 Angular 17 工具开发了一个项目。这是在创建（构建） dist 文件夹期间为服务器和浏览器创建两组文件夹。但情况并非如此...

angular deployment build angular-components angular17

回答 1 投票 0

将对象的键值对作为单独的参数传递给 Angular 中的组件

假设我有一个组件，它接受三个输入 input1、input2 和 input3 导出类测试组件{ @Input() 输入1：字符串； @Input() 输入2：字符串； @Input() 输入3：字符串； .... ... }...

angular angularjs typescript frontend angular-components

回答 1 投票 0

Angular 6 组件，将 css 应用到使用主机绑定应用的类？

我通常在我的应用程序中使用全局 SCSS 文件，但今天我想让一些 SCSS 仅限于我的组件。我已经通过@HostBinding（class.card）在组件上设置了一个类。我可以设计我的风格...

css angular sass angular-components angular2-hostbinding

回答 2 投票 0

如何解决vs code中的这个角度误差

应用程序包生成失败。 [0.966 秒] X [错误] NG8001：“app-todos”不是已知元素：如果“app-todos”是 Angular 组件，则验证它是否包含在“@Component”中。

angular angularjs components element angular-components

回答 1 投票 0

在外部点击时关闭 mat-sidenav

每当用户单击不在其中的某个位置时，我都会尝试关闭我的侧边栏。我已经尝试过双向数据绑定，现在我正在尝试使用 rxjs 的主题应用程序模板每当用户单击不在其中的某个位置时，我都会尝试关闭我的侧边栏。我已经尝试过双向数据绑定，现在我正在尝试使用 rxjs' Subject 应用程序模板 <app-sidenav [openedSubject]="openedSubject"></app-sidenav> 应用程序组件 openedSubject = new Subject<boolean>(); @HostListener('click', ['$event']) clickedInside($event) { this.openedSubject.next(false); } SidenavComponent @Input() openedSubject: Subject<boolean>; @ViewChild('sidenav') sidenav: MatSidenav; ngAfterContentInit() { this.openedSubject.subscribe(opened => { if(this.sidenav.opened) opened || this.sidenav.toggle(); }); } toggle() { this.openedSubject.next(!this.sidenav.opened); } Sidenav模板 <mat-sidenav-container> <mat-sidenav #sidenav><mat-toolbar color="primary">Menu</mat-toolbar> </mat-sidenav> <mat-sidenav-content> <mat-toolbar color="primary"> <button (click)="toggle()">toggle</button> </mat-toolbar> </mat-sidenav-content> </mat-sidenav-container> https://stackblitz.com/edit/ng-sidenav-experiments 但是好像有逻辑错误。 click 事件覆盖整个文档，但它应该排除侧边导航和工具栏。成功了。问题是我对 HostListener 的使用，而我真的只想像这样 (click) ： <sidenav [openedSubject]="openedSubject"></sidenav> <fake-route-view (click)="dismissSidebar()"></fake-route-view> 完整工作版本：https://stackblitz.com/edit/ng-sidenav-experiments

angular rxjs angular-material2 angular-components angular-material-6

回答 1 投票 0

库组件上的 Angular 2 子路由未运行

我有一个演示应用程序，用于测试我创建的自定义库。我正在导入我的库并在演示应用程序中使用自定义组件，并且运行良好，但我无法获取子组件

angular angular-routing angular-components

回答 1 投票 0

Angular 异步验证器发送到 Dumb 组件

您在 Dumb 组件中定义 FormGroup 以将相关数据保存在一起。然后，您需要在某些表单控件上使用异步验证器，但哑组件不应该有服务调用。一种选择是...

angular typescript validation asynchronous angular-components

回答 1 投票 0

如何创建角度组件作为库的一部分并在我的应用程序中使用它

所以我有以下情况我创建了一个角度库 ng 生成库 my-lib 我使用 Ng 生成组件 .lib/test 添加了一个简单的组件，它创建了一个独立的组件...