angular 相关问题

我对聊天 UI 组件样式有问题，如下所示这是我的代码我对聊天 UI 组件样式有疑问，如下所示这是我的代码 <nb-layout> <nb-layout-column> <nb-chat title="Chat APP"> <nb-chat-message *ngFor="let msg of messages" [type]="msg.type" [message]="msg.text" [reply]="msg.reply" [sender]="msg.name" [date]="msg.date" [quote]="msg.quote" [avatar]="msg.avatar"> </nb-chat-message> <nb-chat-form (send)="sendMessage($event)" [dropFiles]="false"> </nb-chat-form> </nb-chat> </nb-layout-column> </nb-layout> chat-room.component.ts 代码 import { Component, OnInit } from '@angular/core'; import { ChatService } from 'src/app/Services/chat.service'; @Component({ selector: 'app-chat-room', templateUrl: './chat-room.component.html', styleUrls: ['./chat-room.component.scss'], }) export class ChatRoomComponent implements OnInit { messages: any[] = []; constructor(protected chatService: ChatService) { this.chatService.getMessage().subscribe((data: any) => { console.log(data); this.messages.push(data); }); } ngOnInit(): void {} sendMessage(event: any) { var payload = { text: event.message, date: new Date(), reply: true, type: 'text', name: 'Jonh Doe', avatar: 'https://i.gifer.com/no.gif', }; this.messages.push(payload); this.chatService.sendMessage(event.message); } } 样式不正确，另一个屏幕只显示圆圈，没有任何文字我找不到任何解决方案有人可以帮忙吗？这是因为您没有将响应推送到 messages[] 堆栈。 const response = await this.chatService.sendMessage(event.message).toPromise(); const botReply = response['reply']; if (botReply) { setTimeout(() => { this.messages.push(botReply); }, 500); }

angular nebular

回答 1 投票 0

在 v13 的 angular.json 中替换“deployUrl”的最佳方法是什么？

我目前正在将我的应用程序从 v12 升级到 v13，并注意到弹出此警告：选项“deployUrl”已弃用：使用“baseHref”选项，“APP_BASE_HREF&qu...

json angular configuration angular13

回答 4 投票 0

Google Drive API 403/401 错误

我有一个 Angular Firebase 项目。在主屏幕上，我要求用户使用他的 Gmail 帐户登录，代码如下 const 提供者 = new GoogleAuthProvider(); provider.addScope('https://www.

angular oauth-2.0 google-drive-api

回答 1 投票 0

如何使用 .NET Core 3 后端和 OAuth 令牌身份验证在 Angular 10 应用程序中嵌入可编辑 Excel 文件？

标题：如何使用 .NET Core 3 后端和 OAuth 令牌身份验证在 Angular 10 应用程序中嵌入可编辑 Excel 文件？身体：我正在开发一个 Angular 10 应用程序，需要合并编辑...

angular excel .net-core oauth microsoft-graph-api

回答 1 投票 0

ui-grid 第二列可以根据第一列的值来判断是否编辑

在此输入图像描述 1.请求是否需要填写“tax_amount”列，由第一列“tax_type”决定，例如：tax_type = 1，tax_amount可以编辑，税_...

javascript angularjs angular ui-grid

回答 1 投票 0

放大SSR错误->AuthUserPoolException：Auth UserPool未配置

在启用SSR的情况下运行Angular，在服务器端我们需要令牌来进行API调用，问题是当我们尝试在服务器端使用amplify ssr时，在调用amplify登录方法时，我们得到了...

angular amazon-cognito aws-amplify server-side-rendering angular-ssr

回答 1 投票 0

Promise.all() 永远无法解决

我有一个应该异步获取一些数据的函数。获取页面事件（）{ const Promise = this.calendarPage.days.map(day => { 返回 this.dataService.getEventsByDay(day) ...

javascript angular typescript asynchronous angular-promise

回答 1 投票 0

Angular 材质组件不继承类

我使用的是有角度的材质主题，应用了默认的浅色主题，如果 .dark-theme 类位于元素上，则应用深色主题。我遇到了一个问题，虽然有角材料

angular angular-material

回答 1 投票 0

Angular ESBuild 配置（例如 --define）

从 Angular 17 开始，可以使用 esbuild 而不是 webpack 1 进行构建和服务。对于 webpack，有一种方法可以使用自定义 webpack 配置来执行以下操作：为专业人士提供浏览器polyfills...

angular esbuild

回答 1 投票 0

为什么 Redux 中的对象应该是不可变的？

为什么 Redux 中的对象应该是不可变的？我知道某些框架（例如 Angular2）将使用 onPush，并且可以利用不变性来比较视图状态以加快渲染速度，但我是

javascript angular reactjs redux immutability

回答 6 投票 0

Angular 9 变量未在视图中更新

我的组件中有一个变量，它在使用 console.log(variable) 时正在更新，尽管它没有在我的视图中使用 {{ variable }} 更新我已经尝试了几件事，我的最后一个选择是...

angular typescript view casting angular9

回答 1 投票 0

从 NG 12 -> 16 升级并且“@ng-bootstrap/ng-bootstrap 获取：包“@ng-bootstrap/ng-bootstrap”具有不兼容的对等依赖项

从 12 -> 13（最终 13）时。每https://update.angular.io/?v=12.0-13.0 ng更新@angular/core@13 @angular/cli@13 出现依赖错误：套餐“@ng-

angular ng-bootstrap ng

回答 1 投票 0

Angular - 如何在使用自定义组件时检查 ngForm 是否有效

我创建了一个自定义组件InputTextComponent： @成分（{ 选择器：“应用程序输入文本”， templateUrl: "./input-text.component.html", 样式网址：&q...

angular forms validation components

回答 1 投票 0

当我执行 ngserve -o 时，出现未处理的异常：ts.createNodeArray 不是函数

当我执行 ngserve -o 时，我收到（在 Angular 6 中）此错误发生未处理的异常：ts.createNodeArray 不是函数请参阅“C:\Users\MADHUK~1.PUL\AppData\Local\Temp g-V81Kkf\

angular exception unhandled

回答 2 投票 0

angular 相关问题

最新问题