@acpaas-ui/ngx-logo 中文文档教程
@acpaas-ui/ngx-logo
该模块显示包含在链接中的图像。
Usage
import { LogoModule } from '@acpaas-ui/ngx-logo';
Documentation
访问我们的文档网站获取完整的操作文档和指南
Logo module
API
Name | Default value | Description |
---|---|---|
@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
Name | Default value | Description |
---|---|---|
@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.