小编Lar*_*ars的帖子

Angular 路由器似乎可以工作,但无法加载组件

我有这样的路径结构:/events/100/drawing/200事件和绘图是具有自己的路由表的单独模块,例如:

// Event ID routes
const routes: Routes = [
{
    path: ':eventID', 
    data: { breadcrumb: 'Drawings & Results' },
    component: EventComponent,

    children: [
        {
            path: 'drawing', 
            loadChildren: () => import('@app/modules/event-drawing/event-drawing.module').then(mod => mod.EventDrawingModule)
        }
    ]
}
Run Code Online (Sandbox Code Playgroud)

const routes: Routes = [
{
    path: ':drawingID', 
    data: { breadcrumb: 'Drawing' },
    component: EventDrawingComponent
},
];
Run Code Online (Sandbox Code Playgroud)

有一个面包屑向我显示当前路径,并且路由似乎有效。但无论如何,已EventComponent加载,但未按EventDrawingComponent预期加载。

我也尝试这样做来删除EventComponent

// Event ID routes
const routes: Routes = [
{
    path: ':eventID', 
    data: { breadcrumb: 'Drawings …
Run Code Online (Sandbox Code Playgroud)

angular-routing angular angular-router

6
推荐指数
1
解决办法
7864
查看次数

如何修复 Angular 11“选项“进度”已弃用”?

我在编译 Angular 11 时缺少百分比进度视图。通常我会这样做:

ng serve

并在编译代码时看到了百分比进度。现在百分比视图已经消失,并且已被progress弃用:

选项“progress”已弃用:请改用浏览器构建器中的“progress”选项。

现在的问题是:这意味着什么,或者我progress=true现在必须在哪里放置选项才能返回百分比视图?

angular-compiler-cli angular angular-builder

4
推荐指数
1
解决办法
2613
查看次数

MySQL 自动从通配符 SELECT 构建 JSON_OBJECT?

不幸的是,MySQL 不提供类似的功能

SELECT JSON_OBJECT(*) FROM table
Run Code Online (Sandbox Code Playgroud)

现在我想知道是否有人已经编写了执行此任务的函数。我想要实现的是SELECT *从任何返回JSON_OBJECT.

当然,可以为每个给定的表手动创建它。但我正在寻找一种更通用的方法,不需要手动指定所有列。

mysql mysql-json

4
推荐指数
1
解决办法
2127
查看次数

角度输入中的验证错误 [type=number]?

尝试input[type=number]在 Angular 7 中进行验证时遇到一个奇怪的问题,希望有人能提供帮助。

    <input class="form-control" type="number" name="entranceFee" min="0" [(ngModel)]="entranceFee" #entranceFee="ngModel" pattern="\\d+" [ngClass]="{ 'is-invalid': entranceFee.touched && entranceFee.invalid }" >
    <div *ngIf="entranceFee.invalid && entranceFee.touched" class="invalid-feedback">
        <div *ngIf="entranceFee.errors.pattern">Only numbers are permitted</div>
        <div *ngIf="entranceFee.errors.min">Value cannot be smaller than '0'</div>
    </div>
Run Code Online (Sandbox Code Playgroud)

输入只能接受numbers >= 0。但是每当我输入一个数字值 (0-9) 时,表单就会失效。为什么?当我在控制台中输出 ngModel 时,ngAfterViewChecked()一个数值被写入模型。那么我怎样才能验证这个表格呢?验证器或我的头脑中有错误吗?

使用响应式表单和/或使用此代码实现此代码时也会发生同样的情况 input[type=text]

validation angular2-template angular

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

如何在 Angular 14 的管道中使用inject()?

我正在尝试将服务注入管道中。通常,inject(...)工作正常,但在管道上下文中我收到错误:

Error: NG0203: inject() must be called from an injection context such as a constructor, a factory function, a field initializer, or a function used with `EnvironmentInjector#runInContext`
Run Code Online (Sandbox Code Playgroud)

我做错了什么或者我怎样才能让它工作?

当我将依赖项放入构造函数中时,该服务工作正常,例如constructor(private service: CheckboxFilterPipe),但我现在想在组件代码中使用它(transform()以编程方式使用),不再可以选择在构造函数中编写依赖项。

@Pipe({
    name: 'checkboxFilter',
    pure: true,
})
export class CheckboxFilterPipe implements PipeTransform {
    /** */
    private service = inject(CheckboxFilterService);

    constructor() {}

    transform(items: Array<any>, filter: IFilterSettings, defaultFilter?: IFilterDefaults): any {
        this.service.init();
        return this.service.doFilter(items, filter, defaultFilter);
    }
}
Run Code Online (Sandbox Code Playgroud)

感谢您的帮助!

angular angular-injector

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