你能帮我吗?以angular-js形式添加此行为?

时间:2015-05-01 17:08:28

标签: javascript jquery html angularjs forms

字段:

  1. field f1:文件上传输入字段(我使用的是自定义角度指令)
  2. 字段f2:评论文字区域字段
  3. 现在,有一个单选按钮“是”,另一个是“否”

    伪代码 -

    on selecting "yes":
    {
        "f1" appears and is a required field
        and 
        "f2" stays invisible and disabled and not a required field
    }
    while
        on selecting "no":
            vice versa
    

    最终条件是提交按钮禁用,以防我在选择“是”时不上传文件 或者如果我在选择“否”时没有填写评论栏

    注意:为了清楚起见...... f1是必需的,已启用且可见,或f2是。

    <input type="radio" ng-model="check" value="yes">yes
    <input type="radio" ng-model="check" value="no">no
    
    <input type="file" ng-disabled="check == 'no'" ng-required="check == 'yes'" ng-show="check == 'yes'">
    <input type="textarea" ng-disabled="check == 'yes'" ng-required="check == 'no'" ng-show="check == 'no'">
    
    <input type="submit" ng-disabled="form.$error.required" value="submit">
    

1 个答案:

答案 0 :(得分:1)

http://jsfiddle.net/5DMjt/1257/

function ClickToEditCtrl($scope) {
  $scope.check = "yes";
}

将您的代码链接到包含您在模型中放置的值的控制器。在开始尝试之前,请回去阅读有角度的文档。