标签: ngx-admin

如何使ngx-line-chart响应?

我正在使用ngx-admin,并且正在尝试使ngx-line-chart响应。

我的图表在nb卡中,当我调整窗口大小时,nb卡完全响应。因此,我希望调整图表大小以适合nb卡。

我的html代码:

<div style="margin: 100px auto auto">
    <nb-card>
        <nb-card-header>XXXXXXXXXX</nb-card-header>
            <nb-card-body>
                <ngx-line-chart></ngx-line-chart>
            </nb-card-body>
    </nb-card>
</div>
Run Code Online (Sandbox Code Playgroud)

我的组件:

import { Component } from '@angular/core';

@Component({
    selector: 'ngx-line-chart',
    template: `
    <ngx-charts-line-chart
      [scheme]="colorScheme"
      [results]="multi"
      [xAxis]="showXAxis"
      [yAxis]="showYAxis"
      [showXAxisLabel]="showXAxisLabel"
      [showYAxisLabel]="showYAxisLabel"
      [xAxisLabel]="xAxisLabel"
      [yAxisLabel]="yAxisLabel">
    </ngx-charts-line-chart>
  `,
})
export class LineChartComponent {
    showXAxis = true;
    showYAxis = true;
    showXAxisLabel = true;
    xAxisLabel = 'Date';
    showYAxisLabel = true;
    yAxisLabel = 'Services effectués';
    colorScheme = {
        domain: ['blue'],
    };
    themeSubscription: any;
    multi = [
        {
            name: 'Services effectués',
            series: [
                { …
Run Code Online (Sandbox Code Playgroud)

charts responsive angular ngx-charts ngx-admin

9
推荐指数
2
解决办法
4556
查看次数

如何将角度组件传递给 Nebular 对话服务

我正在尝试使用Nebular组件在 Agnular6 上创建一个 Web 对话框。有两种方法可以做到这一点,第一种是传递<ng-template>引用,例如:

  openAddDialog = (dialogTemplate: TemplateRef<any>) => {
    this.dialogServiceRef = this.dialogService.open(dialogTemplate);
  }
Run Code Online (Sandbox Code Playgroud)

它运行良好。但我需要的是将组件作为参数传递,例如:

dialogService.open(MyComponent);
Run Code Online (Sandbox Code Playgroud)

我的应用程序中有这个结构:

|_ pages
|   |_ pages.module.ts
|   |_ patient
|      |_ patient.module.ts
|      |_ patient.component.ts
|      |_ patient.component.html
|
|_ shared
    |_ shared.module.ts
    |_ components
    |   |_ search-bar.component.ts
    |   |_ search-bar.component.html
    |
    |_ modal-form
        |_ modal-form.component.ts
        |_ modal-from.component.html
Run Code Online (Sandbox Code Playgroud)

我已经添加了ModalFormComponentdeclarationsexportsentryComponents共享的模块中。此外,我将它导入到 SearchBar 组件中,并在单击 searchBar 中的按钮时运行此函数:

|_ pages
|   |_ pages.module.ts
|   |_ patient …
Run Code Online (Sandbox Code Playgroud)

dialog typescript angular6 ngx-admin nebular

7
推荐指数
2
解决办法
9962
查看次数

如何自定义登录?

我正在使用.我想在自定义登录页面.有什么解决方案吗?或者最好在创建一个新的登录页面,而不是自定义现有的登录页面.

angular ngx-admin

3
推荐指数
2
解决办法
8167
查看次数

如何修改ngx-admin中的登录页面

我开始使用ngx-admin模板,我想修改登录页面。不幸的是,我在项目中找不到登录组件。有什么方法可以访问登录组件

ngx-admin angular9

3
推荐指数
1
解决办法
4455
查看次数

具有基本行为的 ngx-admin 基本模板

是否有避免从完整模板开始的入门应用程序?让骨架以最小的依赖关系开始,然后从中添加组件\模块应该很有用。

angular ngx-admin

2
推荐指数
1
解决办法
819
查看次数

为角度运行 ngx-admin 仪表板时出现问题

我在安装节点模块时遇到以下问题。请帮助 Angular CLI:13.3.0 节点:16.14.2 这是问题列表

任何帮助将不胜感激

node.js npm npm-install angular ngx-admin

2
推荐指数
1
解决办法
674
查看次数

0
推荐指数
3
解决办法
2864
查看次数

Angular Nebular 主题使用 FontAwesome 图标包

堆栈:Angular 9.1.7、Nebular 5.0.0、FontAwesome 5.13

我想使用以下指南将 Nebular 使用的默认图标集 (EvaIcons) 更改为 FontAwesome:

https://akveo.github.io/nebular/docs/guides/register-icon-pack#register-icon-pack

不幸的是,图标没有显示出来。我很接近,因为星云 EvaIcons 不再显示。从 DeveloperTools 中,我可以看到nb-iconusing fa-user,但没有显示任何内容。

font-awesome angular ngx-admin nebular

0
推荐指数
1
解决办法
1242
查看次数