javascript - angularjs 自定义指令时数据无法更新
迷茫
迷茫 2017-04-11 10:57:33
0
2
238

写了一个图片上传的指令

upload.directive('uploadFile',function(){
    return {
        restrict: 'A',
        link: function(scope, element, attr) {

            element.bind('change',function(event){
                var file = this.files[0];
                var name = this.name;
                scope.onchange(name, file);
            });

        }

    };
});
<p class="upload">
    <p ng-show="!isUp">
        <input type="file" name="myPic"  upload-file id=""/>
    </p>
    <p ng-click="delPic()" ng-show="isUp">
        <span>删除</span>
        <img src="{{imgurl}}"/>
    </p>
</p>

当我选择a图上传以后,如何清空input的值呢?因为如果不清空input的值,我删除a图片以后($scope.isUp=false; $scope.imgurl=''),再选择a图就没效果了,因为input绑定的时change事件,input的值不发生改变的话是不会调用$sope.onchange的

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

reply all(2)
伊谢尔伦

清空的话,只要:

element.bind('change',function(event){
    var file = this.files[0];
    var name = this.name;
    scope.onchange(name, file);
    this.value = '';
});
洪涛

<p ng-show="!isUp"> ng-show 改为ng-if上传成功前后改变下isUp的bool值,关于ng-show ng-if区别你可以google下

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template