【新增页面type为非行业大图的时候，底部上线和草稿按钮不可用。 _angular view _angular model 】

新增页面type为非行业大图的时候，底部上线和草稿按钮不可用。

我也踩过这个坑( 2 )

已统计您的踩坑,无需重复点击

回答(3)

angular view angular model

详细描述

截图

代码

html
-------------------------------------------------------------------------------------------------------------------------------------------------------
    <form name="myForm" class="form-group">
        <div class="title row">{{add.titleA}}</div>
        <div class="includeTable row ">
            <div class="row">
                <span class="col-md-2 col-sm-2 col-xs-4">标题名称</span>
                <div class="col-md-8 col-sm-8 col-xs-12">
                    <input class="form-control" ng-model="add.title" type="text" required>
                </div>
            </div>
            <div class="row">
                <span class="col-md-2 col-sm-2 col-xs-4">类  型</span>
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <select class="form-control"
                            ng-model="add.currentType"
                            ng-options="y.name for (x,y) in add.Types"
                            required>
                        <option value="">请选择</option>
                    </select>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-12">
                    <select class="form-control"
                            ng-show="add.currentType.type===3"
                            ng-model="add.industry"
                            required>
                        <!--ng-required="add.currentType.type===3"-->
                        <!--<option value="">请选择</option>-->
                        <option ng-repeat="(x,y) in add.Industry"
                                value="{{x}}"
                                ng-selected="add.industry == x">{{y}}</option>
                    </select>
                </div>
            </div>
            <div class="row">
                <span class="col-md-2 col-xs-4">说  明</span>
                <div class="ueditor col-md-8 col-xs-12" ng-model="add.content" type="text"></div>
                <!--<script id="ueContainer" name="ueContainer" type="text/javascript"></script>-->
            </div>
            <div class="row">
                <span class="col-md-2 col-xs-4">跳转链接</span>
                <div class="col-md-8 col-xs-12">
                    <input id="myEditor" class="form-control" ng-model="add.url" type="text" required>
                </div>
            </div>
            <up-load img="add.img"></up-load>
            <div class="row newThree">
                <div class="col-md-8 col-xs-12 col-md-offset-2">
                    <button class="btn btn-success"
                            ng-click="add.online()"
                            ng-disabled="myForm.$invalid||add.img===undefined">立即上线</button>
                    <button class="btn btn-success"
                            ng-click="add.sketch()"
                            ng-disabled="myForm.$invalid||add.img===undefined">存为草稿</button>
                    <button class="btn btn-default pull-right" ng-click="add.cancel()">取消</button>
                </div>
            </div>
        </div>
    </form>

编辑于2024-11-24

时间排序

热门排序

[武汉|荣耀师兄]JS-吴胜
0

首先，感谢这位师兄（师弟）的分享。看了之后恍然想起，自己也遇到过这个问题，找出的原因是因为industry，设置了required。如果type选的不为3值的话，我们的industry也就不会出现（因为设置了ng-show），导致industry值为空。所以程序判定这个是不能通过的required的。所以在ng-disabled（或者disabled)里面设置的myForm.$invalid就触发了，将上线设定为禁用按钮。
我这里用的是另一种比较取巧的办法（即，不给industry设置表单验证required，只弄type的，在这里看到这个坑乎，我可以回去优化一下我的代码了

查看全部>

编辑于2018-11-02
[散修弟子]Android-811
0

也可以用ng-if，给industry设置ng-if，ng-if 指令用于在表达式为 false 时移除 HTML 元素，只在type为3时添加industry元素，所以根据这个下边两个按钮可以不受影响。

查看全部>

编辑于2018-12-25
[武汉|结业弟子]JS-刘平
0

用form表单，里面有自带的表单验证

查看全部>

编辑于2019-12-17

去第页