# angularadmin

**Repository Path**: jinhui04/angularadmin

## Basic Information

- **Project Name**: angularadmin
- **Description**: welian angular admin
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-02-20
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#welian angularadmin

入口 index2.html

	主要js
	app.bootstrap.js 封装bootstrap插件［'ui. bootstrap'］
	app.api.js 全局参数
	app2.js 项目启动
	app.directives.js 自定义封装的组件 直接集成在app里
	ui-load.js 负责动态加载jquery插件 ['ui.load'］使用参考ui-fullscreen.js
	
	
	
  	<script src="assets/js/dm.base.js"></script>
  	<script src="assets/js/dm.wu.js"></script>
  	这三个主要是自定义的一些jquery插件的
  	生成全局变量 'dm'
	

## 组件

### 日历(laydate)
	必须包含属性laydate(可以设置参数) 、ng-model 
	扩展参考 http://laydate.layui.com/
	<input type="text" laydate='{"format":"YYYY-MM-DD hh:mm:ss"}' ng-model="startDate" class="input-sm 	form-control laydate-icon">
	
### 编辑器(umeditor)
	必须包含属性meta-umeditor 、ng-model 、meta-umeditor-config（设置参数对象，可以在scope里设置）
	<textarea name="content" ng-model='data.articleContent' meta-	umeditor meta-umeditor-config="all_config"></textarea>
	
### 上传（webuploader） 与dm.wu.js（上传逻辑） template.js配合
	暂时只支持上传单个图片
	必须包含属性wu 、ng-model
	上传路径  默认读取全局变量API.upload 或者单独配置data-server
	<div class="wu" wu ng-model="data.cover" data-server="/api/upload">
        <input type="hidden" class="form-control file-upload" ng-model="data.cover" name="cover" >
        <div class="pick-wrap">
            <div class="pick" data-preview="true" >上传图片</div>
        </div>
        <div class="file-list">
            
        </div>
    </div> 
    
    图片显示模版（写在首页index.html）
    <script type="text/html" id="file-item">
	    <div id="{{id}}" class="file-item">
	        <div class="title">{{name}}</div>
	        <div class="img-wrap"></div>
	        <div class="float-bar">
	            <a class="fr remove" href="javascript:;" title="移除">&times;</a>
	        </div>
	        <div class="info"></div>
	        <div class="success" style="display:none;"></div>
	    </div>
 	 </script>


### 提示框
	弹出自定义的对话框
	<button data-toggle="modal" data-target="#m1">modal</button>
	<div class="modal fade" tabindex="-1" role="dialog" id="m1">
    	<div class="modal-dialog" role="document">
    		...
    	</div>
    </div>
	
	
	dm.alert('警告')；
	dm.confirm('are you sure?',function(){},function(){});
	Message.show('this is a message','success' || 'warning' || 'danger') 
 	 
### 表单验证
 
     参考#/app/form/validation
     未完待续