当前位置: 首页 > 面试题库 >

如何使用angular.js禁用输入框

公冶俊达
2023-03-14
问题内容

我将此字段用于编辑视图和创建视图

<input data-ng-model="userInf.username"  class="span12 editEmail" type="text"  placeholder="me@example.com"  pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" required />

在控制器中,我有以下代码来禁用输入元素:

function($rootScope, $scope, $location, userService)
{

//etc 
    $(".editEmail" ).attr("disabled", disable);  // no idea how to do in angular
}

请帮忙。


问题答案:

将ng-
disabled
或特殊CSS类与ng-
class一起使用

<input data-ng-model="userInf.username"  
       class="span12 editEmail" 
       type="text"  
       placeholder="me@example.com"  
       pattern="[^@]+@[^@]+\.[a-zA-Z]{2,6}" 
       required 
       ng-disabled="{expression or condition}"
/>


 类似资料:
  • 在ts 中禁用... 我只想禁用基于<code>true</code>或<code>false</code>的输入。 我尝试了以下几点:

  • 问题内容: 我是React JavaScript的新手。我试图在输入字段为空时禁用按钮。React的最佳方法是什么? 我正在执行以下操作: 这样对吗? 这不仅仅是动态属性的复制,因为我也很好奇要从一个元素到另一个元素传输/检查数据。 问题答案: 您需要将输入的当前值保持在状态中(或通过回调函数或sideways或 _< 此处是您应用的状态管理解决方案>_将其值更改传递给父级,以便最终将其传递回您的

  • 问题内容: 我发现了一些奇怪的行为:默认情况下,角度修剪模型值。快速谷歌搜索并不能帮助我解决这个问题。我发现了指令建议,依此类推。但是没有任何效果。 我在下面提供了一个代表此问题的小片段。 您也可以在这里尝试此代码段。 我添加了一个与model同步的textarea 。但是,当添加新的尾随空格或将行换成新空格时,它对观看没有反应。 我该怎么做才能关闭此行为?谢谢。 问题答案: 该指令是1.1.1中

  • 问题内容: $input.disabled = true; 要么 哪种标准方法?相反,如何启用禁用的输入? 问题答案: jQuery 1.6以上 要更改属性,您应该使用函数。 jQuery 1.5及以下 该函数不存在,但具有相似的功能: 设置禁用的属性。 要再次启用,正确的方法是使用 在任何版本的jQuery中 您始终可以依赖实际的DOM对象,并且如果只处理一个元素,它可能比其他两个选项要快一些:

  • 问题内容: 我是Angular.js的新手,并且阅读我知道Angular没有诸如tap,doubletap等事件。我试图与Hammer.js结合使用而没有成功。 要点代码 现在我已经添加到我的html文件中 但是,当我尝试在我的html中使用它时,它不起作用。 我尝试过 没有人可以解决这个麻烦吗? 问题答案: 快去 将Hammer.js和jquery.hammer.js添加到您的解决方案中。使用J

  • 问题内容: 显然一个被禁用的没有被任何事件处理 有没有解决此问题的方法? 在这里,我需要单击输入以启用它。但是,如果我不激活它,则不应发布输入。 问题答案: 禁用的元素不会触发鼠标事件。大多数浏览器会将事件从禁用元素传播到DOM树,因此事件处理程序可以放在容器元素上。但是,Firefox不会表现出这种行为,当您单击禁用的元素时,它根本不执行任何操作。 我想不到更好的解决方案,但是,为了完全兼容跨浏