个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
在一种情况下，我想使用 radio 来选择选项，并且在明确选择后，我希望用户进行确认，我已经使用了 JavaScript 的确认方法。确认选择后，仅应启用下一个按钮。看看下面的代码
HTML
<body ng-controller="MainCtrl">
<div ng-repeat="person in names">
<input class="d-radio__input" ng-model="$parent.selectedCustomer" type="radio" ng-value="person" value="{{person.name}}" name="radio" ng-click="confirm()" required /> {{person.name}}
</div>
<button>Back</button>
<button ng-click="next()" ng-disabled="selectedCustomer =='' && confirmation == 0 ">Next</button>
</body>
Javascript
app.controller('MainCtrl', function($scope) {
$scope.selectedCustomer ='';
$scope.confirmation=0;
$scope.names = [{name:"Mayur"},{name:"Sameer"}];
$scope.next = function () {
$scope.navigator = $scope.navigator + 1 ;
console.log($scope.navigator)
};
$scope.confirm = function (location) {
var r = confirm("Click Ok to continue the offboarding process for (" + $scope.selectedCustomer.customerName + ")");
if (r === true) {
$scope.confirmation = 1;
console.log($scope.confirmation );
} else {
$scope.confirmation = 0;
console.log($scope.confirmation );
}
}
});
因此，当我立即选择一个名称时，无论我在确认对话框中按什么，它都会启用下一个按钮。但是，当我只保留一个条件表达式来评估 ng-disabled 时，它工作正常。 不知道如何在 ng-disabled 中添加多个条件。
如果我做错了什么，请告诉我。
看看Plunker
最佳答案
根据评论，因为它是 ng-disabled，并且您使用的是 AND (&&)，所以只有当两者都为 true 时才会禁用，请使用 OR 代替 (||)，根据 plunk:
<button ng-click="next()" ng-disabled="selectedCustomer == '' || !confirmation ">Next</button>
关于javascript - 当放置多个表达式时 ng-disabled 会失败，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37203294/
24
4
0
我使用 jQuery 禁用选择下拉列表中的选项。我需要知道使用之间的区别 prop('disabled','disabled') 和 prop('disabled',true) 两者几乎都适用于所有浏
.attr('disabled', 'disabled') 和 .attr('disabled', true) 在我的代码中都有效，但我只是想知道:两者中哪一个更有效和/或哪一个更常用？真的有区别吗？
我的 asp.net mvc View 中有以下脚本:- function disableform(id) { $('#' + id).prop("disabled", true); } 但是
我已经在 Oracle VM Ware 中为我的 ubuntu 可信操作系统安装了 visual studio 代码和依赖项。我用这些命令运行代码。 ssh -X myserver code 但是当我
我有这个函数可以切换输入字段的禁用属性: $('.someElement').click(function(){ if (someCondition) { console.log
自从前几天我升级了 angularjs 后，我一直收到警告。每当我打开 ui.bootstrap 模式时，它都会发生。 这是我在 chrome-beta 44 中收到的警告: angular.js:1
我想限制用户在单击特定按钮时在文本框中输入值，否则设置禁用 false。如果我设置 $("#txtquery").attr("disabled","disabled"); 它将文本框设置为空白。如果切
How do I make a Spinner's "disabled" state look disabled? 可能重复. 我尝试了帖子中提到的解决方案，即 ((Spinner) spinner)
这段代码: $tds = $(this).closest('tr').find(td input,select); $tds.attr('disabled','disabled'); 使我的表格行不
使用 jQM 1.4.0我试图覆盖灰色样式(): input[type="text"]:disabled { opacity: 1.0 !important; color: black
不知道为什么这不起作用。 当人们单击我的应用程序的“编辑”按钮时，禁用的文本字段将变为可编辑: $("#bewerken").click(function(e) { $("input[d
我对以下差异有些困惑: swiftlint:disable:next swiftlint:disable:this 最佳答案 它们都用于禁用单行的快速规则。您还可以为单行启用规则。来自 SwiftLi
我看到一些代码 # pylint: disable=W0123 还有一些 # pylint: disable-msg=W0123 它们只是同义词吗？ 最佳答案 从 pylint 0.21.0 开始不推
默认情况下，在桌面上，flutter 中的 btns 在禁用时会更改鼠标光标: 我们想禁用此行为，或替换为不同的光标。 最佳答案 要覆盖 ElevatedButton、TextButton 或 Out
我一直在学习很多关于标准 asp.net 验证器的知识，我的最新发现是关于如何禁用验证器客户端，这非常酷。 现在，如果我的初始帖子启用了验证器，但在客户端，我禁用它，服务器端是否识别客户端更改并保留它
默认情况下，在桌面上，flutter 中的 btns 在禁用时会更改鼠标光标: 我们想禁用此行为，或替换为不同的光标。 最佳答案 要覆盖 ElevatedButton、TextButton 或 Out
这个问题在这里已经有了答案: Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a
我有一个 python 脚本，它发送包含文本、html 和 ics 附件的多部分电子邮件。这个想法是，现代电子邮件客户端将呈现 HTML 部分并提供将事件添加到用户日历中的功能。 代码如下: impo
我有一个最初被禁用的按钮: Lorem ipsum 对于此按钮，button.getAttribute('disabled') 返回 "disabled"。但是，当我使用 JavaScript 启用此
在我的一些测试中，我必须确认在设置某些标志时某些 select2 下拉菜单被禁用。为了证实这一点，我发现以下策略似乎有效: Assert.True(element.GetAttribute("disa
我是一名优秀的程序员,十分优秀！