美文网首页
2018下半年angular学习总结

2018下半年angular学习总结

作者: 从前慢pearl | 来源:发表于2018-12-24 09:09 被阅读0次

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的一个文件上传

js封装的资源

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>';

相关文章

网友评论

      本文标题:2018下半年angular学习总结

      本文链接:https://www.haomeiwen.com/subject/qrqvkqtx.html