Comments (1)
Resolved ! Use i18n file like you and update values.
default-treeview-i18n.ts
import {Injectable} from '@angular/core';
import {I18n} from './i18n';
import {TreeviewI18n, TreeviewItem} from 'ngx-treeview';
@Injectable()
export class DefaultTreeviewI18n extends TreeviewI18n {
constructor(protected i18n: I18n) {
super();
}
getText(checkededItems: TreeviewItem[], isAll: boolean): string {
if (isAll) {
switch (this.i18n.language) {
case 'en':
return 'All';
case 'fr':
return 'Tous';
default:
return 'Tất cả';
}
}
switch (checkededItems.length) {
case 0:
switch (this.i18n.language) {
case 'en':
return 'Select options';
case 'fr':
return 'Sélectionner des options';
default:
return 'Chọn mục';
}
case 1:
return checkededItems[0].text;
default:
switch (this.i18n.language) {
case 'en':
return `${checkededItems.length} options selected`;
case 'fr':
return `${checkededItems.length} options sélectionnées`;
default:
return `${checkededItems.length} mục đã được chọn`;
}
}
}
allCheckboxText(): string {
switch (this.i18n.language) {
case 'en':
return 'All';
case 'fr':
return 'Tous';
default:
return 'Tất cả';
}
}
filterPlaceholder(): string {
switch (this.i18n.language) {
case 'en':
return 'Filter';
case 'fr':
return 'Filtrer';
default:
return 'Lọc';
}
}
filterNoItemsFoundText(): string {
switch (this.i18n.language) {
case 'en':
return 'No items found';
case 'fr':
return 'Aucunes catégories trouvées';
default:
return 'Không có mục nào được tìm thấy';
}
}
tooltipCollapseExpand(isCollapse: boolean): string {
if (isCollapse) {
switch (this.i18n.language) {
case 'en':
return 'Expand';
case 'fr':
return 'Ouvrir';
default:
return 'Mở rộng';
}
} else {
switch (this.i18n.language) {
case 'en':
return 'Collapse';
case 'fr':
return 'Fermer';
default:
return 'Thu lại';
}
}
}
}
from ngx-treeview.
Related Issues (20)
- issue with bootstrap 5 HOT 1
- Performance issue when there are lots of data in ngx-treeView HOT 1
- I need ngx-treeview without checkbox. (NOT ngx-dropdown-treeview)
- Does not update the "options selected" message HOT 1
- Template to expand / collapse on name click
- Highlight the searching text
- Without Bootstrap
- How hide checkbox in treeview, only last child (of each node) ?
- Clear filter is not there
- How to decople parent checkboxes Except children checkboxes
- Compatibility issue with Angular 9.1.13
- Compatibility issue for Angular 14 HOT 1
- load items from data, DownlineTreeviewItem selection by order not work
- Add onDropdownClose event for ngx-dropdown-treeview
- I don't find any compatible version of ngx-treeview 10.0.2 for Angular 15 HOT 1
- Compatibility issue for Angular 13
- Compatibility issue with Angular 16 HOT 1
- Unable to choose a vale while the filter is active
- error NG6002: 'TreeviewModule' does not appear to be an NgModule class. HOT 2
- Enable child node when parent is disabled.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ngx-treeview.