【问题标题】:Can't bind to 'primary' since it isn't a known property of 'button' Error无法绑定到“主要”,因为它不是“按钮”错误的已知属性
【发布时间】:2017-10-05 17:05:15
【问题描述】:

请帮忙!! 我正在尝试添加属性为 [primary] = 'true' 的剑道按钮,但出现此错误:

NodeInvocationException:模板解析错误:无法绑定到 “主要”,因为它不是“按钮”的已知属性。 (" ][primary]="true">登录

app.module.browser.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppModuleShared } from './app.module.shared';
import { AppComponent } from './components/app/app.component';

import { CommonModule } from '@angular/common';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { InputsModule } from '@progress/kendo-angular-inputs';
import { ButtonsModule } from '@progress/kendo-angular-buttons';

@NgModule({
    bootstrap: [ AppComponent ],
    imports: [
        CommonModule
        , BrowserModule
        , AppModuleShared
        , BrowserAnimationsModule
        , InputsModule
        , ButtonsModule
    ],
    providers: [
        { provide: 'BASE_URL', useFactory: getBaseUrl }
    ]
})
export class AppModule {
}

export function getBaseUrl() {
    return document.getElementsByTagName('base')[0].href;
}

html

<div class="BodyBG">
    <table style="width: 100%;">
        <tr>
            <td>
                <div id="login">
                    <h4>LIS 2.0</h4>
                    <div id="divOldLogin">
                        <form (ngSubmit)="login(fLogin)" #fLogin="ngForm">
                            <fieldset id="inputs">
                                <input kendoTextBox id="txtUsername" name="username" type="text" placeholder="Username" autofocus="autofocus" required="required" ngModel/>
                                <div id="password">
                                    <input kendoTextBox id="txtPassword" name="password" type="password" placeholder="Password" required="required" ngModel />
                                </div>
                                <button kendoButton type="submit" id="btnSubmit" (click)="login()" [primary]="true">Log in</button>&nbsp;
                            </fieldset>
                        </form>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</div>

【问题讨论】:

    标签: angular kendo-ui-angular2 asp.net-core-2.0


    【解决方案1】:

    错误提示无法识别 kendoButton 指令

    ButtonsModule 需要导入到声明使用它的组件的同一模块中。

    或者,如果 ButtonsModule 被导入到另一个模块中,而该模块又被导入到声明使用 Kendo 按钮的组件的模块中,则 ButtonsModule 也需要从导入它的公共模块中重新导出(通过导出数组)。

    Docs reference

    【讨论】:

    • 谢谢!!
    猜你喜欢
    • 1970-01-01
    • 2018-11-25
    • 2021-12-02
    • 2018-12-15
    • 2019-03-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-06-21
    相关资源
    最近更新 更多