发表于: 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里面的图片上传,以及调富文本。
评论