@acpaas-ui/ngx-logo 中文文档教程

发布于 3年前 浏览 11 更新于 3年前

@acpaas-ui/ngx-logo

该模块显示包含在链接中的图像。

Usage

import { LogoModule } from '@acpaas-ui/ngx-logo';

Documentation

访问我们的文档网站获取完整的操作文档和指南

Logo module

API

NameDefault valueDescription
@Input() title: string;'Placeholder'Used for alt and title attributes on img and a tags.
@Input() src: string;'https://place-hold.it/192x192'Path to image.
@Input() link: string;'/'URL address to go to when the logo is clicked.
@Input() onClick: Function;-Function to execute when clicked on the logo. Note that this will not automatically override the link behaviour.

Example

import { LogoModule } from '@acpaas-ui/ngx-logo';

@NgModule({
    imports: [
        LogoModule
    ]
});

export class AppModule {};
public imgTitle = 'Title for logo';
public imgSrc = 'https://robohash.org/antwerp-ui';
public imgLink = '#';

public imgClicked(event) {
    alert('Logo was clicked');
}
<aui-logo [src]="imgSrc" [title]="imgTitle" [link]="imgLink" [onClick]="imgClicked"></aui-logo>

Contributing

访问我们的Contribution Guidelines 获取更多关于如何贡献的信息。

@acpaas-ui/ngx-logo

This module displays an image wrapped in a link.

Usage

import { LogoModule } from '@acpaas-ui/ngx-logo';

Documentation

Visit our documentation site for full how-to docs and guidelines

Logo module

API

NameDefault valueDescription
@Input() title: string;'Placeholder'Used for alt and title attributes on img and a tags.
@Input() src: string;'https://place-hold.it/192x192'Path to image.
@Input() link: string;'/'URL address to go to when the logo is clicked.
@Input() onClick: Function;-Function to execute when clicked on the logo. Note that this will not automatically override the link behaviour.

Example

import { LogoModule } from '@acpaas-ui/ngx-logo';

@NgModule({
    imports: [
        LogoModule
    ]
});

export class AppModule {};
public imgTitle = 'Title for logo';
public imgSrc = 'https://robohash.org/antwerp-ui';
public imgLink = '#';

public imgClicked(event) {
    alert('Logo was clicked');
}
<aui-logo [src]="imgSrc" [title]="imgTitle" [link]="imgLink" [onClick]="imgClicked"></aui-logo>

Contributing

Visit our Contribution Guidelines for more information on how to contribute.

    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文