如何在鼠标悬停时显示角材料下拉菜单?
现在点击汉堡菜单我得到下拉列表而不是我需要它在汉堡菜单上的鼠标悬停这里是堆栈闪电战链接. 解决方案 您可以使用 matMenuTrigger 指令 要隐藏菜单，请为菜单添加 mouseleave 事件. 将所有菜单项捆绑在 span 或 div 标签内.然后将 (mouseleave) 事件附加到它
..
angular7相关内容
Angular Material 中的样式 mat-radio-button
我刚刚开始在我的 Angular 应用中使用 Angular Material 主题. 我使用了一些单选按钮，但想对它们进行样式设置，使它们比平时更小.我可以设置文本标签的样式，但我很难自己设置实际按钮的样式(圆圈). 所以现在，我有 选项 1
..
Angular:create 已弃用:改用 new Observable()
我最近使用 ng update 更新了我的 angular 版本当运行 ng lint 我收到错误 create is deprecated: use new Observable() instead this.data$ = Observable.create(t => {t.next(this.model);t.complete();}); new observable 的语法是什么
..
TypeError: Object(...) 不是角度材质的函数
在 angular 7 中，尝试使用有角度的材料 mat-dialog-content.在 app.module.ts 中导入时出现以下错误: TypeError: Object(...) 不是这样的函数: Uncaught TypeError:Object(...) 不是函数在platform.es5.js:102. package.json {"name": "图像裁剪",“版本
..
如何使用图像实现 angular 7 下拉菜单?
我正在创建 angular 7 应用程序，并使用 mat-select 作为下拉菜单.现在我想在 mat-select 的每个项目中添加图像 见下图: 解决方案 确保您在 mat-option 中提供的数组中有图像；然后，创建一个图像标记并为其提供图像源. 相关HTML: 带有图像的基本垫子选择 最喜欢的食物
..
带有反应式表单的自定义控件
我正在使用 Angular 7，Angular Material 控件和 Reactive Forms. 我使用带有 mat-form-field 的 Angular Material 创建了自定义文本 (matInput type="text")、数字 (matInput type="number")、选择 (matSelect) 控件 这是我的示例的 stackblitz.
..
colSpan 和 row Span 如何添加到材料表 Header Angular 7?
我正在尝试在 Angular material Table header 中添加 rowSpan 和 colSpan.谁能帮我实现它. 下面是我想使用材料表获得的附加标题 解决方案 我有和你一样的示例任务.我只是很容易用第二个标题不显示任何内容.
..
如何在两个组件之间使用Angular7(角材料)拖放
最近 angular 引入了在 angular 材料中的拖放功能https://material.angular.io/cdk/drag-drop/overview. 所有示例都在单个组件中进行描述.如何在两个不同的组件中使用它，将一个组件项拖放到另一个组件中. 解决方案 您可以使用属性 id 和 cdkDropListConnectedTo 来链接两个列表: 组件 1:
..
将应用程序更新到 Angular 7 和 RxJS 6.3.3 后 Observable 的问题
我将我的应用程序更新到了 Angular 7 和 RxJS 6.3.3，但在更改我的代码时遇到了问题.我真的需要这方面的帮助，因为我找不到谷歌或堆栈溢出的解决方案. 我的进口: import { Observable, of } from 'rxjs';从'rxjs/operators'导入{地图，catchError}；从'@angular/core'导入{可注入，注入，可选，注入令牌}
..
Angular 7:发布请求总是发送一个空正文
我正在尝试了解这个问题，我已经好几天了，所以我想使用 angular 7 将带有用户名和密码的 post 请求发送到 nodejs rest api 进行身份验证，但它发送了一个空主体，这里是登录方法在 authservice.ts 中: login(username: string, password: string): Observable{让 httpOptions = {标头:新的 Ht
..
将应用程序更新到 Angular 7 后如何更改 HttpClient 代码
我将 Angular 更新到了我的应用程序中的第 7 版，更新后我必须稍微更改我的代码，但我不知道该怎么做. 这是要更改的代码示例(在以前的 Angular 版本中): get(): Observable{让 url_ = some_url;让选项_:任何= {方法:“获取"，标题:新标题({"内容类型": "应用程序/json",“接受":“应用程序/json"})};返回 this.h
..
当字段未触及时，Angular 反应形式返回空值
在我的用例中，当用户单击编辑按钮时，Angular 对后端进行 HTTP 调用并检索对象，然后在 EDIT 表单上填充这些值.用户可以更新或保持字段不变.当点击 update 按钮时，Angular 应该获取表单中存在的所有这些值并将它们发送到后端.所以，这是问题所在，在将值加载到编辑页面表单并更新某些字段并保留某些字段不变后，未修改的值会变为空.这真的很奇怪 product-edit.co
..
如何检查输入字段是否在 Angular 7 中处于焦点
我有一个表单，我想知道表单中的任何输入字段是否有焦点? 我阅读了“NgForm"文档，但没有找到与“焦点"相关的任何内容. 我发现感动，但不能满足需求. 解决方案 您可以使用 focus 和 blur 事件来跟踪字段获得或失去焦点: 也有 javascript 自己的: document.hasFocus() : 文档或文档内的任何元素是否有焦点. docum
..
从 json 创建动态表单时出错找不到名称为“数据"的控件
我正在使用 angular 7 应用程序，并且正在编写一个通用的动态表单创建器.我正在使用响应式表单和 ng-template 和 递归显示表单元素.项目的代码可以看到 这里. 但我面临以下错误 错误错误:找不到名称为“数据"的控件在 _throwError (forms.js:1775)在 setUpControl (forms.js:1683)在 FormGroupDirective.
..
带有自定义组件的表单无法识别控件
我正在使用具有以下代码的自定义组件(自定义文本) @Component({选择器:'自定义文本，[自定义文本]'，templateUrl: './custom-text.template.html',styleUrls: ['./custom-text.component.scss']})导出类 CustomTextComponent 实现 OnInit {构造函数(){}ngOnInit()
..
如何以角度将对象从服务返回到组件
我想在 ngOninit 中访问特定的 json.所以我点击编辑按钮时有 id，在该 id 的帮助下，我从数据库中获取完整的对象，如表单名称、表单 json 等.因此，我想从服务中将该 json 返回给 ngOninit. 这里是服务. GetFormById (id: number) {返回 this.httpClient.get(this.API_URL +"GetFormTempl
..
组件未收到指令事件
我有一个用户搜索功能，在搜索词字段上有一个 debounce 指令: 它应该调用该方法: search(searchTerm
..
$location.search() 等效于 Angular 7
我正在将 Angular JS 迁移到 Angular 7.我正在查看此代码并尝试在 Angular 7 中实现. 在服务中注入了$location，以下方法重置和设置查询参数. function resetAllOptions() {//清除查询参数$location.search('');}函数 setQueryParameters() {//设置查询参数$location.searc
..
从父组件中的 ajax 调用接收数据后如何更新子组件
我的应用程序结构如下，我的问题是如何在接收初始或未来数据时更新子组件视图，假设我只有一个具有 OnDataUpdate 事件的服务，所有子组件都接收相同的服务实例既然它已经在 App 模块提供者部分声明，另一方面，我已经尝试了所有这些方法 &没有用: ApplicationRef.tick() ChangeDetectionRef.markForCheck() ChangeDetecti
..
Angular Viewmodels 和组件中的使用
我正在尝试通过组件将视图模型绑定到视图.最初我在组件中做了这个，它几乎可以工作: model: any = {租户 ID: '',自定义字段名称:'',数量:[]};数量:任意 = {价钱: ''，姓名: ''} 然后点击按钮添加 的新对象 型号 我是这样做的: addNewQuantity() {如果(this.newQuantity){this.quantity.name =
..