0

我有 2 个按钮 - 删除和提交。提交按钮最初是禁用的。每当用户单击禁用按钮时,我都会尝试启用提交按钮。我在这个项目中使用 AngularJS 1.3.15。

main.html

<body>
<button ng-disabled="isItemDeleted" ng-init="isItemDeleted=true" 
class="btn btn-lg btn-primary create-txn-button" ng-click="submit()">Submit Transaction</button>  

删除控制器.js

angular.module('myApp').controller('myCtrl',
function{};     
$scope.deleteItem = function(item) 
{
    $scope.isItemDeleted = false;
    var modalScope = $scope.$new(true);
    modalScope.message = 'Why would you like to delete this item?';
    modalScope.item = item;
    modalScope.transaction = $scope.transaction;
};

但是,即使将 设置$scope.isItemDeleted为 false,提交按钮也不会启用。我相信问题在于连接到控制器。我必须将我的 div 标签连接到控制器。但如果我这样做,整个页面都会改变。有什么线索吗?

更新:deleteItem()函数被删除按钮调用。

DeleteButtonTabView.html

<div ng-controller="myCtrl">
<button ng-click="deleteItem(item)" class="btn btn-info btn-sm">Delete</button>
</div>

请找到 JSFiddle 的链接:https ://jsfiddle.net/L1bnv9fr/

4

0 回答 0