发表于: 2017-01-03 23:50:54

2 1635


今天完成的事:写完list页面,写添加学员信息页面。看了下angular怎么上传图片。

遇到的问题及收获:1、html标签结构

<input type="file" file-model="myFile"/>
<div class="col-md-12">
    <img ng-src="{{imageSrc}}" style="max-width:300px;max-height:300px;margin:0 auto;display:block;" />
</div>

input文件上传标签,div包裹的img标签为图片预览区域

2.定义directive

input标签中的属性file-model即就是Angular中的指令,在上面代码的link方法中,我们为指令file-model所在的元素绑定了change事件,change方法中获取到要上传的文件对象,并调用了controller中的getFile()方法(详见 controller)。

还有定义控制器以及service。还没有去试。

明天要做的事:学习angular里面的图片上传,以及调富文本。


返回列表 返回列表
评论

    分享到