设置禁用按钮的工具提示
请在http://plnkr.co/edit/9dyBVZh67sxmIqUQB50S?p=preview上的
plunkr代码中查看我的示例
我有4个按钮，其中两个按钮由于某种情况而被禁用。
我希望能够在两个被禁用的按钮上显示工具提示，第一个被禁用的按钮显示“ Test itemName2不可用”，第二个被禁用的按钮显示“ Test
itemName4不可用”，而另一个则没有工具提示两个已启用。
这可能吗？如示例所示，我一直在玩弄ng-attr-title，但是一直坚持寻找所需解决方案。
任何帮助将不胜感激..
的HTML：
<body>
<div ng-controller=ItemsController>
<h3>Test</h3>
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<ul class="list-group">
<button ng-disabled="isDisabled(item.name)" ng-attr-title="{{item.name}}" class="btn btn-primary" ng-click="select(item)" ng-repeat="item in itemDetails">{{item.name}}</button>
</ul>
</div>
</div>
</div>
</div>
</body>
Script.js
var myItemsApp = angular.module('myItemsApp', []);
myItemsApp.factory('itemsFactory', ['$http', function($http){
var itemsFactory ={
itemDetails: function() {
return $http(
{
url: "mockItems.json",
method: "GET",
})
.then(function (response) {
return response.data;
});
}
};
return itemsFactory;
}]);
myItemsApp.controller('ItemsController', ['$scope', 'itemsFactory', function($scope, itemsFactory){
var promise = itemsFactory.itemDetails();
promise.then(function (data) {
$scope.itemDetails = data;
//console.log(data);
});
$scope.select = function(item) {
$scope.selected = item;
}
$scope.selected = {};
$scope.isDisabled = function(name){
if(name == "Test itemName 2" || name == "Test itemName 4")
{
return true;
}
}
}]);
问题答案：
您可以使用：
<div class="tooltip-wrapper" ng-repeat="item in itemDetails" title="{{item.name + (isDisabled(item.name)?" is not available' : '')}}">
<button ng-disabled="isDisabled(item.name)" class="btn btn-primary" ng-click="select(item)">{{item.name}}</button>
</div>
链接演示：http :
//plnkr.co/edit/Hh1kH7HLatrQj76gFQ2E?p=preview
-
问题内容： 我有这个HTML： 我该如何做这样的事情： 当文本字段为空时，应禁用提交（disabled =“ disabled”）。 在文本字段中键入内容以删除禁用的属性时。 如果文本字段再次变为空（删除了文本），则应再次禁用提交按钮。 我尝试过这样的事情： …但这不起作用。有任何想法吗？ 问题答案： 问题在于，仅当焦点从输入移开（例如，有人单击输入或将选项卡移出输入）时，更改事件才会触发。尝试改
-
我是Python新手，对GUI编程更是新手。 我有一个按钮和两个旋转箱，我想在点击开始按钮后禁用它们。我在谷歌上搜索了5种禁用Tkinter按钮的不同方法，但似乎都不起作用。理论上，旋转箱应该以同样的方式被禁用，但我只是运气不好。对整个图形用户界面感到非常沮丧。 和是两个spinbox 正如您所看到的，我尝试对按钮使用，但它不起作用。我见过各种各样的代码，在所有的大写字母、大写字母和不同的引号中都
-
我使用此样式更改的背景颜色： 在布局中： 它起作用了。但是当我在这个上调用时，它保持相同的颜色。我怎么处理这个案子？
-
问题内容： 单击后，我想在iOS上禁用按钮（）。我是开发iOS的新手，但我认为目标上的等效代码-C是这样的： 但是我不能迅速做到这一点。 问题答案： Swift中的布尔值是。 应该做。 这是的属性的Swift文档。
-
我正在用javaFX在netbeans中编写一个程序视图中有几个按钮和一些坏按钮（比如炸弹是扫雷舰），我试图在按下坏按钮时冻结程序，但我找不到如何操作 谢谢
-
问题内容： 单击后，我编写了以下代码以禁用网站上的提交按钮： 不幸的是，它没有发送表格。我怎样才能解决这个问题？ 编辑 我想绑定提交，而不是表格:) 问题答案： 做到： 发生的事情是您实际上在完全触发该提交事件之前禁用了该按钮。 您可能还应该考虑使用ID或CLASS来命名元素，因此不要在页面上选择所有提交类型的输入。 （请注意，我使用，因此该表单在示例中并未实际提交；请在使用时将其保留。）