surmon-china / angular-admin

🔏 Admin client for surmon.me blog powered by @angular and Bootstrap4

  

> I am passionate about open source software and giving back to others.

> My projects are trusted by thousands of developers all over the world.

_

  

             

Become a sponsor to me on GitHub Sponsors or PayPal, BTC,ETH.

	project	homepage	stars	last commit	downloads	version
	README.vue	#homepage			-
	veact  |  veact-use 🔥	#readme
	mongodb-data-api	-
	libundler	-
	nodepress 🔥	#documentation			-
	surmon.me 🔥	#surmon.me			-
	veact-admin	#demo_site			-
	angular-admin	-			-
	surmon.me.native	#download			-
	naivebayes	#examples
🎬	videojs-player	#examples				-
	vue-awesome-swiper	#examples
	vue-codemirror	#examples
	vue-quill-editor	#examples
	vue-touch-ripple	#examples
	vue-drag-zone	#examples
	ngx-quill-editor	#examples
	typed-less-modules	-
	wonderful-bing-wallpaper	-
	simple-netease-cloud-music	-
🤪	emoji-233333	#examples
	better-itg-flat-dark-vscode-theme	#install			-	-
	github.surmon.me	-			-
	create-release	#marketplace			-
	WordPress themes	-	-	-	-	-

angular-admin's Issues

点击“文章管理”、“评论管理”、“组件实例”没有反应

项目运行后，点击“文章管理”、“评论管理”、“组件实例”没有反应。

ERR! code ELIFECYCLE

我的环境是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:

执行完命令后台还是打不开

执行npm i
npm start

让输入密码什么的，怎么直接进入页面

如何更改背景色呢

您好，请问如果要把灰色背景换成其他背景色在哪里修改呢

api.service.ts是不是没有上传呢

帅哥能否上传下，作为第100名forker想通过你项目学下angular

跨域问题

请问如何解决跨域问题，服务端使用c# WebApi提供的话

获取上传Token失败

发布文章会提示上传Token失败该怎么办

有接口文档吗？

有接口文档吗？

打包是否支持下AOT

password for project

项目启动报No Provider for NotificationService错误

请问露珠的Markdown编辑器使用的是什么？

正准备重构自己的博客，打算前端用angular，所以继续一款markdown编辑器，能写能渲染那种，看到露珠的markdown编辑器，不知道是自己写的还是使用他人的插件。

项目克隆下来，执行npm i 后 启动的时候出现错误

能支持动态多tab导航吗？

看了github一大堆angular admin的template，没有一个是点击左侧菜单在主容器动态打开一个tab， 这样可以同时打开多个菜单，多个tab可以切换。

你好我将项目下载下来注释掉相应的行为什么还是还是进不去

登录

这个看路由 auth是入口
但是怎么找不到 登录

我决定用vue重写一个

版主的markdown编辑器代码我怎么找不到呀？

版主的markdown编辑器代码我怎么找不到呀？

楼主能否指点一下如何引入raphaeljs

换成jointjs了。

多谢多谢。

npm run dev 启动失败，报错

** 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

关于七牛云文件的上传

您好，看了您的代码，觉得很屌，很是震撼。但是有个小小的疑问我不是很懂。就是那个七牛云上传为什么要写三个按钮。我尝试去用正常的脑回路上传文件，发现并不行，然后抄了您的代码就可以了，我很是不解，希望您可以解答我心中的疑惑。

报错 No provider for NotificationsService!

报错堆栈：
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/

NgModule metadata found for 'CustmoerModule'.

我新增加了一个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'.
请问怎么解决这个问题呢？

路由维护

进入子路由后，刷新会报错

在线预览没有auth

请问能给个在线预览的权限吗 想学习一下

打开后页面显示"Because the mountain is there "

你好大佬，想问一下angular项目打开之后只显示"Because the mountain is there "，该怎么操作呀？