【如何实现立即上线和存为草稿按钮的禁用 _angular view _angular model 】

如何实现立即上线和存为草稿按钮的禁用
我也踩过这个坑( 1 )
已统计您的踩坑,无需重复点击
回答(0)
angular view angular model
详细描述
截图
代码
<form class="art-box" name="myForm">
            <div class="art-form">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    标题名称
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8">
                    <input class="art-right" type="text" ng-model="title" required>
                </div>
            </div>
            <div class="art-form">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    类       型
                </div>
                <div class="col-md-3 col-sm-3 col-xs-3">
                    <select class="art-right" data-ng-model="paramsType" required>
                        <option value="">请选择</option>
                        <option data-ng-repeat="(x,y) in list" value="{{x}}">{{y}}</option>
                    </select>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-3">
                    <select class="art-right" data-ng-model="industryNum" data-ng-show="paramsType === '3'">
                        <option value="">请选择</option>
                        <option data-ng-repeat="(x,y) in industry1" value="{{x}}">{{y}}</option>
                    </select>
                </div>
            </div>
            <div class="art-form1">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    说       明
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8">
                    <div class="ueditor" ng-model="content"></div>
                </div>
            </div>
            <div class="art-form">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    跳转链接
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8">
                    <input class="art-right" type="text" ng-model="url" required>
                </div>
            </div>
            <div class="art-form1">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                    配       图
                </div>
                <div  class="col-md-10 col-sm-10 col-xs-10 art-r">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <label for="file" class="btn btn-primary">选择文件</label>
                        <input type="file"
                               id="file"
                               accept="image/png,image/gif"
                               name="file"
                               onchange="angular.element(this).scope().fileChanged(this)"
                               style="display: none;"
                               required/>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <img ng-src="{{src}}" alt="配图预览" class="art-img" width="100%"/>
                    </div>
                    <div class="col-md-8 col-sm-8 col-xs-8">
                        <table>
                            <thead>
                            <tr>
                                <th>
                                    图片名
                                </th>
                                <th>
                                    文件大小
                                </th>
                                <th>
                                    进度
                                </th>
                                <th>
                                    操作
                                </th>
                                <th>
                                    操作
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr ng-if="fileName">
                                <td>{{fileName}}</td>
                                <td>{{fileSize|number:2}}MB</td>
                                <td>
                                    <div class="progress art-progress">
                                        <div style="background-color: #337ab7;border-radius: 3px;"
                                         ng-bind="progress+'%'"
                                         class="progress-bar">
                                        </div>
                                    </div>
                                </td>
                                <td>{{status}}</td>
                                <td>
                                    <button class="art-up" data-ng-click="upload()" ng-disabled="progress">上传</button>
                                    <button class="art-del" data-ng-click="delete()">删除</button>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="art-form">
                <div class="col-md-2 col-sm-2 col-xs-2 art-left">
                </div>
                <div class="col-md-8 col-sm-8 col-xs-8">
                    <div class="art-footer">
                        <div class="art-ft-l">
                            <button class="art-bt" ng-click="upLine()" ng-disabled="myForm.$invalid||src == undefined">立即上线</button>
                            <button class="art-bt" ng-click="save()" ng-disabled="myForm.$invalid||src == undefined">存为草稿</button>
                        </div>
                        <button class="art-ft-r" ng-click="remove()">取消</button>
                    </div>
                </div>
            </div>
        </form>
编辑于2024-11-17