surmon-china / angular-admin Goto Github PK
View Code? Open in Web Editor NEW🔏 Admin client for surmon.me blog powered by @angular and Bootstrap4
License: MIT License
🔏 Admin client for surmon.me blog powered by @angular and Bootstrap4
License: MIT License
我新增加了一个CustomerModule,文件列表如下:
customer.routing.ts 文件内容如下:
import { Routes, RouterModule } from '@angular/router';
import { CustomersComponent } from '../pages/customers/customers.component';
// noinspection TypeScriptValidateTypes
const routes: Routes = [
{
path: '',
component: CustomersComponent
}
];
export const routing = RouterModule.forChild(routes);
customers.module.ts文件内容如下:
import { CustomersComponent } from '../pages/customers/customers.component';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgaModule } from '../theme/nga.module';
import { PaginationModule, BsDropdownModule, ModalModule } from 'ngx-bootstrap';
import { routing } from '../routes/customer.routing';
import { CustomerService } from '../services/api/customer/customer.service';
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
NgaModule,
PaginationModule.forRoot(),
BsDropdownModule.forRoot(),
ModalModule.forRoot(),
routing
],
providers: [
CustomerService
],
declarations: [
CustomersComponent
]
})
export class CustomerModule {}
pages.routing.ts文件内容如下:
import { Routes, RouterModule } from '@angular/router';
import { Pages } from './pages.component';
const routes: Routes = [
{ path: 'auth', loadChildren: () => System.import('./auth/auth.module') },
{ path: '',
component: Pages,
children: [
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'customer', loadChildren: () => System.import('../modules/customers.module') },
{ path: 'dashboard', loadChildren: () => System.import('./dashboard/dashboard.module') },
{ path: 'announcement', loadChildren: () => System.import('./announcement/announcement.module') },
{ path: 'article', loadChildren: () => System.import('./article/article.module') },
{ path: 'comment', loadChildren: () => System.import('./comment/comment.module') },
{ path: 'options', loadChildren: () => System.import('./options/options.module') },
{ path: 'linux', loadChildren: () => System.import('./linux/linux.module') },
{ path: 'auth', loadChildren: () => System.import('./auth/auth.module') },
{ path: 'demo',
children: [
{ path: 'ui', loadChildren: () => System.import('./demo/ui/ui.module') },
{ path: 'forms', loadChildren: () => System.import('./demo/forms/forms.module') },
{ path: 'tables', loadChildren: () => System.import('./demo/tables/tables.module') }
]
}
]
}
];
pages.menus.ts中的children节点增加一项:
{
path: 'customer',
data: {
menu: {
title: '客户',
icon: 'ion-radio-waves',
selected: false,
expanded: false,
order: 2,
}
}
},
重新编译以后,在地址栏输入/customer就在浏览器控制台输出错误:
NgModule metadata found for 'CustmoerModule'.
请问怎么解决这个问题呢?
有接口文档吗?
你好大佬,想问一下angular项目打开之后只显示"Because the mountain is there ",该怎么操作呀?
您好,请问如果要把灰色背景换成其他背景色在哪里修改呢
执行npm i
npm start
让输入密码什么的,怎么直接进入页面
正准备重构自己的博客,打算前端用angular,所以继续一款markdown编辑器,能写能渲染那种,看到露珠的markdown编辑器,不知道是自己写的还是使用他人的插件。
请问能给个在线预览的权限吗 想学习一下
看了github一大堆angular admin的template,没有一个是点击左侧菜单在主容器动态打开一个tab, 这样可以同时打开多个菜单,多个tab可以切换。
我的环境是centos 7,npm 7.8.0.
当我执行 npm run build:prod 时,报下列错误,不知道是什么原因,麻烦作者您给点思路,非常感谢。
Module '"/opt/angular2/ng2/angular-admin/node_modules/ng2-bootstrap/index"' has no exported member 'DropdownModule'.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] webpack: webpack --progress --profile --bail "--config" "config/webpack.prod.js"
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] webpack script 'webpack --progress --profile --bail "--config" "config/webpack.prod.js"'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack --progress --profile --bail "--config" "config/webpack.prod.js"
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular-admin
npm ERR! There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /root/.npm/_logs/2017-04-04T02_08_35_463Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build:prod: npm run webpack -- --config config/webpack.prod.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build:prod script 'npm run webpack -- --config config/webpack.prod.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the angular-admin package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! npm run webpack -- --config config/webpack.prod.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs angular-admin
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls angular-admin
npm ERR! There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
请问如何解决跨域问题,服务端使用c# WebApi提供的话
进入子路由后,刷新会报错
这个看路由 auth是入口
但是怎么找不到 登录
我决定用vue重写一个
发布文章会提示上传Token失败该怎么办
项目运行后,点击“文章管理”、“评论管理”、“组件实例”没有反应。
帅哥能否上传下,作为第100名forker想通过你项目学下angular
报错堆栈:
No provider for NotificationsService!
at NoProviderError.BaseError [as constructor] (http://localhost:6699/vendor.bundle.js:33938:34)
at NoProviderError.AbstractProviderError [as constructor] (http://localhost:6699/vendor.bundle.js:32012:16)
另外,哥们, 你拿别人的东西来做扩展做自己的东西没问题,至少要标注一下这套系统的来源吧。
https://akveo.github.io/ng2-admin/
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
ℹ 「wdm」: Compiled successfully.
/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:28
return (new fsevents(path)).on('fsevent', callback).start();
^
TypeError: fsevents is not a constructor
at createFSEventsInstance (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:28:11)
at setFSEventsListener (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:82:16)
at FSWatcher.FsEventsHandler._watchWithFsEvents (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:252:16)
at FSWatcher. (/Users/xiamingming/private/angular-admin/node_modules/watchpack/node_modules/chokidar/lib/fsevents-handler.js:386:25)
at LOOP (fs.js:1530:14)
at process._tickCallback (internal/process/next_tick.js:61:11)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: ng serve --proxy-config proxy.conf.json --hmr
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/xiamingming/.npm/_logs/2019-07-26T03_25_15_567Z-debug.log
您好,看了您的代码,觉得很屌,很是震撼。但是有个小小的疑问我不是很懂。就是那个七牛云上传为什么要写三个按钮。我尝试去用正常的脑回路上传文件,发现并不行,然后抄了您的代码就可以了,我很是不解,希望您可以解答我心中的疑惑。
换成jointjs了。
多谢多谢。
版主的markdown编辑器代码我怎么找不到呀?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.