core-ui

问题 I am using coreui template for my angular application. In which i have added the @ngx-translate/core to translate my app. I have done translation for everything, but i couldn't add translation for the breadcrumbs provided by CoreUI. layout.html <div class="app-body"> <app-sidebar #appSidebar [fixed]="true" [display]="'lg'" [minimized]="sidebarMinimized" (minimizedChange)="toggleMinimize($event)" > <app-sidebar-nav [navItems]="navItems" [perfectScrollbar] [disabled]="appSidebar.minimized" ><

问题 I have just downloaded the angular admin template. Then i add a new component: ng g n test When I navigate to the component, the default layout is not applied. I guess it uses the app.component layout. How do you tell the component it should use the default UI? 回答1: to add a new componet follow these steps: create a component-name-routing.module.ts file create a component-name.module.ts file create a component-name.component.html file create a component-name.component.ts file component-name

问题 AppSidebarNavItemsComponent.html:33 ERROR TypeError: Cannot read property 'length' of undefined at createUrlTree (router.js:1902) at Router.push../node_modules/@angular/router/fesm5/router.js.Router.createUrlTree (router.js:4220) at AppSidebarNavLinkComponent.push../node_modules/@coreui/angular/fesm5/coreui-angular.js.AppSidebarNavLinkComponent.ngOnInit (coreui-angular.js:1317) at checkAndUpdateDirectiveInline (core.js:22494) at checkAndUpdateNodeInline (core.js:31090) at checkAndUpdateNode

问题 AppSidebarNavItemsComponent.html:33 ERROR TypeError: Cannot read property 'length' of undefined at createUrlTree (router.js:1902) at Router.push../node_modules/@angular/router/fesm5/router.js.Router.createUrlTree (router.js:4220) at AppSidebarNavLinkComponent.push../node_modules/@coreui/angular/fesm5/coreui-angular.js.AppSidebarNavLinkComponent.ngOnInit (coreui-angular.js:1317) at checkAndUpdateDirectiveInline (core.js:22494) at checkAndUpdateNodeInline (core.js:31090) at checkAndUpdateNode

问题 AppSidebarNavItemsComponent.html:33 ERROR TypeError: Cannot read property 'length' of undefined at createUrlTree (router.js:1902) at Router.push../node_modules/@angular/router/fesm5/router.js.Router.createUrlTree (router.js:4220) at AppSidebarNavLinkComponent.push../node_modules/@coreui/angular/fesm5/coreui-angular.js.AppSidebarNavLinkComponent.ngOnInit (coreui-angular.js:1317) at checkAndUpdateDirectiveInline (core.js:22494) at checkAndUpdateNodeInline (core.js:31090) at checkAndUpdateNode

问题 In my project, I want to add some Ajax loaded menu items to my CoreUI sidebar in Vue. I already found a working solution, but it's kind of hacky and might have timing issues. Therefore I want to ask you, if there is a proper or at least better solution. I also found this question from a few days ago, but it doesn't have an answer yet. // main.js new Vue({ el: '#app', router, icons, template: '<App/>', components: { App }, data: { clientConfiguration: null }, created: async function () { let

问题 We are using coreui VueJS. The problem we are facing is making the menu dynamic for each route. The menu is loaded from _nav.js file and it only loads once and therefore the changes made to _nav.js are not shown until the page is reloaded. Is there a way to make the menu dynamic? Can we reload the page for each router in VueJS? 来源： https://stackoverflow.com/questions/60369426/making-coreui-menu-dynamic

问题 I am trying to build a react dashboard using Core UI's react template found here. CSS .top-stick { position: sticky !important; position: -webkit-sticky; top: 5rem; overflow-y: auto; height: calc(100vh - 5rem); } JSX <div className="animated fadeIn"> <Row className="app-scrollable-body"> <Col xs="12" sm="4" md="3" className="top-stick"> <Card className="toic"> <CardBody> Lorem ipsum dolor sit amet </CardBody> </Card> </Col> <Col xs="12" sm="8" md="9"> <Card> <CardHeader>Card title</CardHeader

问题 I am trying to build a react dashboard using Core UI's react template found here. CSS .top-stick { position: sticky !important; position: -webkit-sticky; top: 5rem; overflow-y: auto; height: calc(100vh - 5rem); } JSX <div className="animated fadeIn"> <Row className="app-scrollable-body"> <Col xs="12" sm="4" md="3" className="top-stick"> <Card className="toic"> <CardBody> Lorem ipsum dolor sit amet </CardBody> </Card> </Col> <Col xs="12" sm="8" md="9"> <Card> <CardHeader>Card title</CardHeader

问题 Hi I am actually quite new to this, so I'm sorry if I asked an obvious question. I actually making a website using vue.js and coreui. The question is I have 2 kinds of user on this website (admin and contact person). What I hope is in the navigation bar when contact person logged in only certain items on the navbar can be viewed. How do I achieve this? I have been reading the documentation and I found no lucks. Thanks. Here is my code snippet: _nav.js export default { items: [ { name: