822 comments found.
Hi can you please help me to have a navigation menu from a json file that i got from server and put it inside menu side-nav please.
thanks
Navigation items are served by this service app/shared/services/navigation.service.ts
items are initiated by this menuItems = new BehaviorSubject<IMenuItem[]>(this.iconMenu);
this.menuItems.next(this.iconMenu);
Thanks
Hi, thank you for your response, i am new at angular, can you please provide me an example on how to achieve this, i have a service that returns an array of objects (5 max) that has a name and id, how can i have the name at the menu level and the id at rout level.
thanks
You can use your service inside navigation.service.ts
Each item should be like this
{
name: 'Invoice',
type: 'link',
icon: 'receipt',
state: 'invoice/list'
}
You can map over your array and make that like the example.
Thanks
Hi, i tried to make a function to return the list of sites, and i want to show each site.name inside the menue
getMeSites() {
return this.usersService.getUserById().subscribe((me: User) => {
this.user = me;
const _clientId = me._clientId;
this.clientsService.getSites(_clientId).subscribe((site: Site[]) => {
this.sites = site;
});
});
}
any idea how to do that plz
I don’t know the structure of your ‘site’ object. but I’m assuming it has name property.
this.sites = site; should be something like this.
this.sites = site.map((s) => {
return {
name: s.name,
type: 'link',
icon: 'my_icon',
state: 'your_destination_url'
}
})
Hi, i am stuck, can you please help me out with this, where should i put the above code in order to return the object and put it inside the iconMenu array, as u said, i used it as bellow: sitesMenu = this.usersService.getUserSites().subscribe((sites: Site[]) => { this.sites = sites.map((s) => { return { name: s.name, type: “link”, icon: “person”, state: “evaluation”, }; }); });
Can you share your codebase? otherwise I’m unable to explain further. You can share on github, my username mh-rafi
Hola buenos días, necesito tu ayuda!
Cargue el proyecto “seed-project”, y no me carga la apariencia del Boostrap, como lo configuro.
http://190.117.56.169:9095/payment-afiliaciongracias
Hi, Please install packages by running “npm install” then run “ng serve -o”
>npm install npm WARN deprecated tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information. npm WARN deprecated core-js@2.4.1: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated har-validator@5.1.5: this library is no longer supported npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm ERR! code ENOENT npm ERR! syscall spawn git npm ERR! path git npm ERR! errno ENOENT npm ERR! enoent Error while executing: npm ERR! enoent undefined ls-remote -h -t https://git@github.com/uilibrary/css-star-rating.git npm ERR! enoent npm ERR! enoent npm ERR! enoent spawn git ENOENT npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent
npm ERR! A complete log of this run can be found in:
Please install git on your computer.
hi i cant npm install in full folder project or seed folder coming many error
Can you share the error message? also make you have git installed on your computer.
.
How to programmatically handle (show/hide) the loading/splash screen?
The initial loading comes from “src/index.html”. and the loading when the route changes comes from app/shared/components/layouts/admin-layout/admin-layout.template.html#L37
I suggest you to create another loading and a service for that. so you can control from anywhere of the app.
Hi, I’m getting some troubles using the infinite-scrolling library! It seems the overflow-y auto property is a must for the actual list, but this result in a poor usability on mobile (double scroll): how Can I fix it? Does the perfect-scrollbar cause some problems? How to list scroll on the body?
Try disabling perfectScrollbar in app/shared/services/layout.service.ts#L58
Hi, We want to migrate from Egret Angular V8 to Egret Angular V9, do you have any instruction on how to do it right? Can we have any support on this issue? Some components are starting to behave strangely so we want to upgrade to this new version.
The only major change between v8 and v9 is the Angular version is updated. Please update your Angular version by following official instruction https://update.angular.io/
Thanks
How Can I detect scroll on a specific page?
Sorry for the late reply, you can detect the scroll of .rightside-content-hold element which contains all the body contents.
How can I update code of my project with new version?
We suggest to update your angular version, not the template. Because the template itself an angular project. Keeping synchronised project with another project can be very messy. However, you can inspect the changes we made in git commits and implement that to your project.
You can get github access here http://githubaccess.ui-lib.com/
Thanks
How to boock horizontal scroolbar?
Hide and block
Set .main-content-wrap, rightside-content-hold {overflow-x: hidden;}
Also it has tslinting issues.
Hi, we’re working on this issue. You can also use automated tool to resolve all the tslint issues.
This theme is upgraded to angular 10. but the coding style is old i.e. earlier before Angular 7.
We are continuously updating the code. Hopefully we’ll be update whole codebase very soon.
Hi, it seems some problems using the scrollbar infinite with your template; is it normal?
Try disabling perfectScrollbar at line 53 of app/shared/services/layout.service.ts
It is already false, is it what you mean? The problem is still there
Hi, How to keep the cart service last for the user for the entire sessions?
You need to use localstorage to save cart data on client side.
Thank you! Isn’t possible with the usage of only Service without localstoarage?
it’s not possible to save data just by using angular service. Without using localstorage/cookie/database data will be lost if browser is refreshed.
Hi, How is possible to keep the loading screen waiting the response from the server about the user status?
I need to add arabic language in my dashboard. I have added ar.json file in i18n. But in top header i am not seeing saudi arabia flag and ‘AR’ language option.
You need to add arabia in that dropdown. add new item in “availableLangs” in app/shared/components/header-side/header-side.component.ts line 13
Buenas noches, la plantilla me parece genial. He realizado la compra pero tengo problemas para ejecutarla. Al parecer no se pueden descargar ciertos archivos de estilos. Ejecuto npm install y los node_modules nunca se instalan. Agradezco mucho su ayuda. Gracias
Hi, Please check you are running “npm install” in right directory. Root directory has package.json file.
Hello sir, I would like to ask how could I add egret template to visual studio 2019 angular project? Thanks in advance. Regards, Mohamed Ibrahim
Egret is standard angular CLI project. Please try by replacing the default generated angular code with Egret’s code in visual studio.
have you had a chance to review my issue with vertical iOS devices not showing calendar properly. mike@coachmike.ca.
I just tested on iOS 13.6.1 Chrome and Safari. Working fine, which iOS and browser you are using?
Safari, chrome iOS Vertical. I must have done something. What is the best way to give you my code? It only happens in vertical in iPhone.
You can share code by uploading to github. my github username mh-rafi