angular 相关问题

关于Angular的问题（不要与AngularJS混淆），来自Google的Web框架。将此标记用于Angular问题，这些问题并非特定于单个版本。对于较旧的AngularJS（1.x）Web框架，请使用angularjs标记。

Angular 18：条件所需输入

有没有办法要求基于另一个值的输入？我需要添加一个输入，仅当使用模型 API 未填充另一个输入（反之亦然）时才需要该输入（而不是 @Input 装饰...

angular typescript

回答 1 投票 0

正在寻找在 Ionic App 中保护 API 密钥的选项？

我正在使用 Ionic 7 和 Angular 进行移动应用程序开发，现在需要安全地存储 REST API 的密钥。在我的测试应用程序中，API 密钥简单地存储在 webservices.component.ts 中，按照...

angular cordova ionic-framework

回答 1 投票 0

为什么我们需要在 Angular 中指定两次导入？

这个问题涉及 Angular 框架，而不是 Typescript 语言。有人问我，对于 Angular 中看似多余的语法，我无法给出很好的答案。有人指出我们...

angular

回答 1 投票 0

Firebase getRedirectResult() 无法解析 onInit（Angular）

在我的 Angular 项目中，我尝试通过 Google Sign-In 实现 Firebase loginWithRedirect()。奇怪的是，有时 getRedirectResult() 方法在重定向后不会返回任何内容...

angular typescript firebase firebase-authentication angularfire

回答 1 投票 0

如何在 Angular 中的 webpack require() 中隐藏文件夹路径

就像这个：（它遍布网页的调试控制台） __webpack_require__("../../../../../src/app/error/error.component.ts"); 我不想让用户看到 ap 的文件夹结构...

angular webpack

回答 2 投票 0

如何在 Safari ios Angular 中播放音频

我有这个代码：公共 playAudio(pathToFile: string): void { 常量音频=新音频（）；音频.自动播放 = true; audio.src = `${environment.serverUrl}/${pathToFile}`; 音频.load()...

ios angular safari

回答 2 投票 0

Angular：如何从http请求列表中返回第一个成功响应

我有一个服务器 URL 列表，并在循环中向它们发出顺序 http 请求。当当前请求收到成功响应时，我想打破循环而不是调用所有其他服务...

javascript angular rxjs

回答 5 投票 0

开发者控制台中的 Angular 错误消息

在我的开发者控制台中，我收到此错误： NullInjectorError：R3InjectorError（独立[_AppComponent]）[_ProductService - > _ProductService - > _HttpClient - > _HttpClient]：

angular

回答 1 投票 0

如何使用 CI/CD 将 Angular 应用程序从 GitHub 部署到共享服务器？

我有一个 GitHub 存储库，我想为托管在共享服务器上的网站集成 CI/CD。我在我的存储库中创建了一个开发分支。当代码合并到该分支时，我想...

angular deployment github-actions shared-server

回答 1 投票 0

在我可以设置动态CSS之前进行页面渲染

我提前为本文的长度表示歉意，但我想确保我的解释正确。我正在将我当前的作品集网站 https://www.gelerinter.com 从 AngularJS 重建为 Angular 1...

css angular ngoninit

回答 1 投票 0

将元素添加到 Observable 数组打字稿

我有一个 Angular 2 组件，它利用从 REST API 获取数据的服务。从 '@angular/core' 导入 { OnInit, Component }; 从'./hero'导入{英雄}；导入 { HeroService }...

angular typescript rxjs

回答 1 投票 0

Angular Schematics 相对路径

我想为 Angular 创建一个自定义原理图，它将在执行原理图的同一目录中创建一个文件。我关注了这篇文章，但我不确定如何获得......

angular angular-cli angular-schematics

回答 5 投票 0

在基于 NgModule 的应用程序中从 Angular 5 迁移到 Angular 19

我正在将旧的 Angular 项目从版本 5 迁移到版本 19。我已经识别了所有兼容和依赖的库，并且能够迁移代码。但是我不断收到独立错误。注：我

angular ng-modules angular-standalone-components

回答 2 投票 0

尝试比较“[object Object]”时出错。只允许数组和迭代，但我没有发现我的代码有任何问题

过去一周我一直遇到这个问题，我到处搜索但找不到问题。我的服务私人文本！：帖子[]；公共 getPosts()：可观察过去一周我一直遇到这个问题，我到处搜索但找不到问题。我的服务 private texst!: Posts[]; public getPosts(): Observable<Posts[]> { return this.http.get<Posts[]>("http://localhost/projects/php_rest_api/api/post/read.php").pipe(map((data) => { return this.texst = data; })); } 我的组件，在这里我添加服务并运行函数以从我的数据库获取数据 public test: Posts[] = [];] constructor(public postService: PostsService, private http: HttpClient) {} ngOnInit(): void { this.getPosts(); } public getPosts() { this.postService.getPosts().subscribe((response) => { this.test = response; console.log(this.test); }) } 我的html <div> <button (click)="getPosts()"></button> <div *ngFor="let test of test"> {{test.title}} </div> </div> 更改此设置，将您的 var test 重命名为 testItem，因为它已被使用： <div> <button (click)="getPosts()"></button> <div *ngFor="let testItem of test"> {{testItem.title}} </div> </div> 设法修复它更改了 getPosts() 函数中对 object.values 的响应 public getPosts() { this.postService.getPosts().subscribe((response) => { this.test = Object.values(response); console.log(this.test); }) } 这意味着您正在尝试迭代对象，但您认为它是一个数组。如果该图像是 response 的日志，您最好这样做： public getPosts() { this.postService.getPosts().subscribe((response) => { this.test = response.data; // <.. this changes! }) } 在模板中： <div *ngFor="let testItem of test"> {{testItem.title}} </div> 我有同样的问题并像这样修复了它。这是因为将数组传递给 Observable<Posts[]> 和 get<Posts[]>。在这种情况下，创建一个单独的模型（接口）。 import { Posts } from './post.vm'; export interface PostsListVM { posts?: Posts[]; } 然后更改两个地方的服务Observable<PostsListVM>和get<PostsListVM>。 public getPosts(): Observable<PostsListVM> { return this.http.get<PostsListVM>("http://localhost/projects/php_rest_api/api/post/read.php").pipe(map((data) => { return this.texst = data; })); } 最终在组件中访问该数据 public getPosts() { this.postService.getPosts().subscribe((response) => { this.test = response.posts; -- posts came from PostsListVM console.log(this.test); }) }

arrays angular ngfor

回答 4 投票 0

如何一步步让现有的Angular应用“完全严格”？

我有一个现有的 Angular 应用程序，它在 Angular 4 时开始开发，现在在 Angular 12 上。但在开发时，未启用严格模式。现在

angular typescript strict

回答 2 投票 0

Angular Reactive 形式 - 输入发生了变化

我有一个用于输入销售的反应式表单，其中包含多个相同的行（商品编号、描述、数量、零售和扩展零售）。如果这对

angular angular-reactive-forms

回答 1 投票 0

如何在 Angular PrimeNG 19 表中截断带省略号的长文本？

我在 Angular 19 项目中使用 PrimeNG 版本 19，并且我有一个表，其中某些列包含长文本。目前，文本换行为多行，但我想用