【问题标题】:Can you help me Add this behavior in angular-js form?您能帮我以 angular-js 形式添加此行为吗?
【发布时间】:2015-07-11 13:25:50
【问题描述】:

字段:

  1. 字段f1:文件上传输入字段(我使用的是自定义角度指令)
  2. 字段f2:评论文本区域字段

现在,有一个单选按钮“是”和另一个“否”

伪代码 -

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">

【问题讨论】:

  • ng-ifng-required 我相信应该这样做。
  • 这个网站是关于不为你编写代码的答案。您必须展示您已尝试过的内容以及您已尝试对问题进行合理的自我研究。到时候如果需要就问一个问题,但不要只是让别人为你写代码。
  • 对不起,伙计……但我也付出了我的责任……当我检查我的页面时,它似乎在 html 内部运行良好,但它没有反映在页面上
  • @PatrickW.McMahon...我不能把我的完整代码放在这里...它用于商业目的和机密

标签: javascript jquery html angularjs forms


【解决方案1】:

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

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

将您的代码链接到包含您要放入模型中的值的控制器。在开始尝试之前返回并阅读 angular 文档。

【讨论】:

  • 兄弟,你的代码也像我的一样工作......提交按钮没有根据要求被禁用
  • 我的编码是一样的……只是我没有给收音机一个默认值(是或否),这解决了我的问题
  • 你没有表格,你正在检查 form.error 这是错误的。
  • 不,我在完整代码中有表单标签...我在这里只给出了核心部分
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2012-08-02
  • 2014-11-05
  • 1970-01-01
  • 2021-05-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多