发表于: 2017-05-17 23:51:13

1 1067


今天完成的事情:

学习了angular-file-upload,完成了图片上传插件,图片就有预览功能,学习了相关指令


明天的计划:

完成类型选择, 存为草稿,立即上线,取消等相关功能的编写。


遇到的问题:

1 选择文件把旁边字体的取消:

未选择文件式插件自带的input提示功能,可以直接display:none隐藏掉,不影响其他功能。


angular-file-upload相关功能:

如果需要实现同一个窗口能够多选文件,使用加上<input type="file" multiple="true" />即可。

如果需要限制文件类型,可以使用<input type="file" accept="image" />即可。


收获:

ng-if与ng-show、ng-hide指令的区别

angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏,值为true时元素会显示。ng-hide功能类似,使用方式相反。元素的显示或隐藏是通过改变CSS的display属性值来实现的。

ng-if指令可以根据表达式的值在DOM中生成或移除一个元素。如果赋值给ng-if的表达式的值是false,那对应的元素将会从DOM中移除,否则生成一个新的元素插入DOM中。ng-if同no-show和ng-hide指令最本质的区别是,它不是通过CSS显示或隐藏DOM节点,而是删除或者新增结点。

当一个元素被ng-if从DOM中移除,同它关联的作用域也会被销毁。而且当它重新加入DOM中时,会通过原型继承从它的父作用域生成一个新的作用域。也就是说ng-if会新建作用域,而ng-show和ng-hide则不会。





返回列表 返回列表
评论

    分享到