当前位置: 首页 > 知识库问答 >
问题:

当所选选项值与条件匹配时,如何使用角度js禁用文本区域?

易宣
2023-03-14

我是新来的。我想在从下拉列表中选择我的一个选项时禁用文本区域。

我尝试使用ng-disabled= "(这里是我的ng-model值)"

但这不管用。

所以请帮我解决这个问题。如果假设我必须在我的JS控制器函数中创建一个函数,那么给我在我的html中调用它的函数和语法。

我会分享我的代码,给我更新会很有用。

<p style="text-align: justify; white-space: nowrap; position: relative; left: 30px">
<strong>{{'EMAIL_TYPE' | translate}}</strong> 
<select id="emailOption" style="height: 26px; width: 190px; font-size: 13px; padding-top: 3px" class="emailType" data-ng-model="typeE" onchange="changeTemplate()">
    <option value="" selected></option>
    <option value="Alert Dashboard">{{'ALERT_DASHBOARD' | translate}}</option>
    <option value="Survey Launch">{{'SURVEY_LAUNCH' | translate}}</option>
    <option value="CSW Launch">{{'SCW_LAUNCH_TREATMENT' | translate}}</option>
    <option value="Survey Close Treatment">{{'SURVEY_CLOSE_TREATMENT' | translate}}</option>
    <option value="CSW Close">{{'CSW_CLOSE' | translate}}</option>
</select>

这是我的下拉值(选项)。

我希望我的文本区域仅在选项值=""(null)时被禁用。

我的文本区代码是。

<div class="large-9 medium-12 small-12 columns body1">
                            <strong style="position: absolute; left: 80px">{{'BODY_AT_BEGINNIG'
                                | translate}} </strong>

                            <textarea id="emailBody1" 
                                style="width: 70%; position: absolute; top: 15px; resize: none;"
                                rows="10" ></textarea>

给我解决办法,这样只有当我从下拉列表中选择的选项为空时,我的文本区域才会被禁用。

共有2个答案

郤立果
2023-03-14

试试这个

在“更改模板”方法中,您在ng-change中调用的内容,检查所选选项值是否为空,如果为空,则禁用您的文本区域,如下所示

<div ng-app>
     <div ng-controller="ClickToEditCtrl">
          <textarea ng-disabled="typeE == '' || typeE == null" id="emailBody1" style="width: 70%; position: absolute; top: 15px; resize: none;" rows="10" ></textarea>   
     </div>
</div>


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

工作示例

裴展
2023-03-14

在html代码中更改此内容。它会做到的。你真的应该用玉和angularjs

<textarea id="emailBody1" , ng-disabled="typeE === '' ",
  style="width: 70%; position: absolute; top: 15px; resize: none;"
  rows="10" >
</textarea>

别忘了投票;)

 类似资料:
  • 如果选择选项值是从循环中提取的,那么如何禁用该选项值?是否有其他方法解决此问题? 示例输出在循环和我想禁用选项值6和7。谢谢帮忙。

  • 问题内容: jQuery或jQuery-UI是否具有禁用给定文档元素的文本选择功能? 问题答案: 在jQuery 1.8中,可以按照以下步骤进行操作:

  • 问题内容: 我正在尝试使用AngularJS获取选项列表的文本值 这是我的代码片段 返回选项的值,例如:prod_1。我正在尝试获取文本值“产品1”。有没有办法做到这一点? 问题答案: 最好的方法是在元素上使用指令。 控制者 HTML 这会将所选对象绑定到属性- 。之后,您可以使用以下命令: jsFiddle :http : //jsfiddle.net/bmleite/2qfSB/

  • 我有这样一个下拉列表: 如何使用JavaScript获得实际的选项文本而不是值?我可以通过以下方法获得值: 但我想要的不是而是。

  • 问题内容: 我有我的选择列表组件呈现我的选择列表: 我在组件上有一个方法可以创建选项: 我的onChange方法适用于以下值: 有没有办法我可以获取选项文本?这给我不确定 问题答案: 这样的事情应该做 这是一个演示 http://jsbin.com/vumune/4/

  • 问题内容: 我正在制作一个HTML / CSS / jQuery画廊,里面有几页。 我确实有一个“下一步”按钮,这是与jQuery Click侦听器的简单链接。 问题是,如果用户多次单击该按钮,则会选择该按钮的文本,然后选择整个文本行。在我真正黑暗的设计中,这确实丑陋且荒谬。 所以这是我的问题:您可以禁用HTML上的文本选择吗?如果没有,我将非常想念flash及其在文本字段上的高级配置… 问题答案