小编svi*_*g12的帖子

我正在尝试使用Angular材质模块在单击按钮时打开模型.我按照https://material.angular.io/components/dialog/examples中的建议操作了示例.

但是,我看到尝试运行应用程序时,我看到以下错误 -

errors.js:48 ERROR Error: Uncaught (in promise): Error: StaticInjectorError[MatDialog]: 
  StaticInjectorError[MatDialog]: 
    NullInjectorError: No provider for MatDialog!
Error: StaticInjectorError[MatDialog]: 
  StaticInjectorError[MatDialog]: 
    NullInjectorError: No provider for MatDialog!
    at _NullInjector.get (injector.js:31)
    at resolveToken (injector.js:387)
    at tryResolveToken (injector.js:330)
    at StaticInjector.get (injector.js:170)
    at resolveToken (injector.js:387)
    at tryResolveToken (injector.js:330)
    at StaticInjector.get (injector.js:170)
    at resolveNgModuleDep (ng_module.js:103)
    at NgModuleRef_.get (refs.js:1037)
    at resolveDep (provider.js:455)
    at _NullInjector.get (injector.js:31)
    at resolveToken (injector.js:387)
    at tryResolveToken (injector.js:330)
    at StaticInjector.get (injector.js:170)
    at resolveToken (injector.js:387)
    at tryResolveToken (injector.js:330)
    at StaticInjector.get (injector.js:170)
    at resolveNgModuleDep …

我是探索 Spring Boot 和 Hibernate 的新手，并面临着一个我认为并不新鲜的问题。然而，尽管所有建议都已到位，我仍然找不到解决我当前面临的问题的方法。

你们中的任何人都可以指出我哪里出错了吗？

以下是场景——

我有一个类别类，类别类的每个实例都可以有许多子类别的实例。

我已经使用 @OneToMany 注释设置了关系。然而，当尝试将记录保存到数据库时，我面临 org.hibernate.exception.ConstraintViolationException 异常，报告说外键值不能为 NULL。

请在下面找到类声明

类别.class

import java.util.Date;
import java.util.Set;


import javax.persistence.JoinColumn;
import javax.persistence.CascadeType;
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.EntityListeners;
import javax.persistence.FetchType;
import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.JoinTable;
import javax.persistence.OneToMany;
import javax.persistence.Table;

import org.hibernate.annotations.Cascade;
import org.springframework.context.annotation.Scope;
import org.springframework.data.annotation.CreatedBy;
import org.springframework.data.annotation.CreatedDate;
import org.springframework.data.annotation.LastModifiedBy;
import org.springframework.data.annotation.LastModifiedDate;
import org.springframework.data.jpa.domain.support.AuditingEntityListener;

@Entity
@Table(name="Category")
@Scope("session")
@EntityListeners(AuditingEntityListener.class)
public class Category {

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    @Column(name = "Category_Id")
    private Long Id;

    private String CategoryName; …

我正在使用 Spring Boot 构建一个应用程序，并且必须设置自引用关系。

为了使场景简单易懂，我尝试使用部门实体示例来处理类似的场景。

以下是我需要设置自引用关系的场景

1. 创建的部门具有以下属性 - 名称、成本中心、位置。
2. 部门可以与也是部门类型的父部门相关
3. 一个部门可以有子部门（子部门），这些子部门也是部门类型。

为了设置这样的场景，我按以下方式定义了实体部门。

部门.java

public class Department {

    @Id
    @GenericGenerator(name = "sequence_department_id", strategy = "com.app.mycompany.AgileCenterServices.util.DepartmentIdGenerator")
    @GeneratedValue(generator = "sequence_department_id")
    @Column(unique = true)
    private String id;

    private String name;

    private String location;

    private String costCenter;

    @ManyToOne(cascade=CascadeType.ALL)
    @JoinColumn(name="parentDepartment")
    private Department parentDepartment;

    @OneToMany(mappedBy="parentDepartment")
    private Set<Department> linkedDepartments = new HashSet<Department>();

    /* getters & setters */

}

DepartmentController.java

@CrossOrigin
    @RequestMapping(value = "/", method = RequestMethod.POST)
    public Department createDepartment(@RequestBody String trial) throws Exception {

        logger.info("Inside createDepartment() API "); …

我正在使用角度材料组件开发角度应用程序。在网格中，我有应该支持的内联操作（可以编辑、删除和更多操作）。

目前，当我在网格中嵌入 mat-menu 组件时，项目列表显示非常大尺寸的菜单项。我想自定义菜单项的大小（宽度和高度）。

有没有办法做到这一点。

当前行为：

期待：

另外，我正在寻找下拉菜单，如下面的屏幕截图所示（菜单下拉项以绿色边框突出显示。我们可以注意到，下拉菜单在图标正下方变得干净，并形成一个清晰的框来显示菜单项。）

但是，在默认菜单中，所选下拉菜单没有明显的突出显示或边框。

例如，正如我在下面实现的那样，个人资料图片下方的下拉菜单呈现如下。与上一张截图相比，上一张看起来干净得多。

代码＃

<button mat-icon-button [matMenuTriggerFor]="profileMenu" *ngIf="userIsAuthenticated">
    <!-- <i class="fa fa-user white-icon" aria-hidden="true"></i> -->
    <img class="avatar" src="../../assets/1.jpg">
  </button>

  <mat-menu #profileMenu="matMenu">
    <button mat-menu-item routerLink="/profile"> <i class="fa fa-user" aria-hidden="true"></i> Profile </button>
    <button mat-menu-item (click)="onLogout()"> <i class="fa fa-sign-out" aria-hidden="true"></i> Logout </button>
  </mat-menu>

添加 CSS 类后的变化

::ng-deep .mat-menu-content {
  width: 200px !important; 
  height: 120px !important; 
}

我是角度和构建示例应用程序的新手。

我遇到一种情况，我正在从角度数据表加载表单。加载时的表单具有根据数据库中的数据填充的属性。

对于表单中的其中一个字段，除了显示文本之外，我还想在控件之前放置一个图标，以在文本值之外添加视觉指示器。这不是来自 Angular Material 图标的图标，而是自定义图像。

我目前面临将自定义图标内联设置到 mat-form-field 的问题。

当我将图像包含在 mat-form-field 控件中时，我看到图标位于一行，文本字段值位于另一行。

当我在 mat-form-field 控件外部设置图像图标时，字段的标签仅位于字段值上方，并且图像图标显示在外部并且看起来很尴尬。

请找到指示问题的图像。

下图显示了当我将图像控件置于 mat-form-field 之外时出现的问题。

<div class="form-group" *ngIf="showDetailForm">
          <img src="../../assets/icons8-task-480.png" width="24px" height="24px">
          <mat-form-field class="angularformcss no-line " floatLabel="always">
            <input matInput placeholder="Issue type" value="{{issue.issueType}}" id="issueType">
          </mat-form-field>
        </div>

当我将图像控件放入 mat-form-field 中时，图像和字段值位于不同的行上。

<div class="form-group" *ngIf="showDetailForm">
          <mat-form-field class="angularformcss no-line " floatLabel="always">
            <img src="../../assets/icons8-task-480.png" width="24px" height="24px">
            <input matInput placeholder="Issue type" value="{{issue.issueType}}" id="issueType">
          </mat-form-field>
        </div>

另外，有没有办法以左右方式而不是上下方式设置角度材料的表单字段控制的标签字段，并增加标签控件的大小。目前，标签字段对我来说看起来已经褪色了。

该控件上设置的 CSS 类具有以下代码

// This is to set the size of the input mat-form-fields.
.angularformcss {
    font-size: …