2018下半年angular学习总结
2018-12-24 本文已影响0人
从前慢pearl
1，ui组件的使用
下拉组件
下拉组件：
<ui-select ng-model="partyA.selected" theme="bootstrap" style="display: inline-block;" class="w-xl" on-select="onSelectA($item)">
<ui-select-match placeholder="请选择...">{{$select.selected.com_name || $select.selected.org_name}}</ui-select-match>
<ui-select-choices refresh="getPartyInfoA($select)" refresh-delay="300" repeat="item in partyAList | filter: $select.search">
<div title="{{(item.com_name + ' (' + item.com_employee_name + ',' + item.store_name +')')}}" ng-bind-html="(item.com_name + ' (' + item.com_employee_name + ',' + item.store_name +')') | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
2，angular的一个文件上传
3，一个后台管理框架
https://blog.csdn.net/rotating_windmill/article/details/72630009
4，angular的其中一个架构
路由配置文件
image.png
接口对接文件
image.png
HTML文件
image.png
控制器文件：
image.png
angular的js跳转
image.png
监听字段数据的变化：
https://www.cnblogs.com/Tiboo/p/6753947.html
image.png
image.png
image.png
image.png
5，打印预览的PDF
后端实现的
6,发送邮件
image.png
将一个完整的html结构（带样式）发送给后端 后端发邮件给指定的人
content = '<!DOCTYPE html>'
+ '<html lang="en">'
+ '<head>'
+ '<meta charset="UTF-8">'
+ '<style>'
+ stylecss //=> 样式
+ '</style></head><body>'
+ $settledClone.html() //= > 页面结构
+ '</body>';
