小编sto*_*lan的帖子

pathMatch 路由错误

错误:路由 '{path:"teams/", redirectTo:"all"}' 的配置无效:请提供 'pathMatch'。'pathMatch' 的默认值是 'prefix',但通常意图是使用 'full'。

这是错误按摩。

这是我在 app.module.ts 上的语法:

 const routes = [
 { path: 'teams', component: TabsComponent, children: [
    { path: '', redirectTo: 'all', pathMacth: 'full' },
     { path: ':side', component: ListComponent }
     ] },
{ path: 'new-team', component: CreateTeamComponent },
{ path: '**', redirectTo: '/teams' }
Run Code Online (Sandbox Code Playgroud)

];

为什么我还是有错误??

angular angular-router

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

在 Angular 中同时实时显示反应式表单元素

我在弄清楚如何在用户输入/输入表单元素/值时同时显示它们时遇到问题。我希望在用户仍在输入且尚未按下提交按钮时显示它们。

json 管道允许我显示所有元素,但我无法弄清楚如何在 HTML 代码中显示单个元素。

    {{commentForm.value | json}}
Run Code Online (Sandbox Code Playgroud)

我可以使用上述 JSON 管道访问所有元素,但想访问单个元素。

下面的示例 Angular Reactive Form 代码。

<form novalidate [formGroup]="commentForm" (ngSubmit)="onSubmit()">
        <p>
            <md-input-container class="full-width" dividerColor="{{formErrors.author ? 'warn': 'primary'}}" >
                <input mdInput formControlName="author" placeholder="Name" type="text" required>

                <md-hint>
                    <span [hidden] = "!(formErrors.author)">
                        {{formErrors.author}}
                    </span>
                </md-hint>

            </md-input-container> 
            <md-input-container class="full-width" dividerColor="{{formErrors.rating ? 'warn': 'primary'}}" >
                <input mdInput formControlName="rating" placeholder="Rating" type="number" pattern="[0-5]*" required>
                <md-hint>
                    <span [hidden] = "!(formErrors.rating)">
                        {{formErrors.rating}}
                    </span>
                </md-hint>
            </md-input-container> 
            <md-input-container class="full-width" dividerColor="{{formErrors.comment ? 'warn': 'primary'}}" >
                <input mdInput formControlName="comment" placeholder="Your Comment" type="text" required> …
Run Code Online (Sandbox Code Playgroud)

forms reactive angular angular-forms

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

标签 统计

angular ×2

angular-forms ×1

angular-router ×1

forms ×1

reactive ×1