美文网首页
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