禁用Angular js ng

Question

我無法解決此問題，我需要幫助，這是我的問題；

我的復選框輸入為天（周一，周二，周三，周四，周五，周六，周日），並選擇選項班次（早餐，午餐，晚餐）

我想做的是

例如

如果在選擇“早餐”時選擇“星期一”：必須禁用其他早餐行的其他“星期一”，但不能禁用您選擇的早餐。

這是我的代碼：

day.html：專注於----？ 部分。

<label class="btn btn-info btn-sm {{ dayName }}">
    <input type="checkbox" name="{{ dayName }}" 
    ng-model="dayName" ng-disabled="?----dayName----?">
</label>

控制器具有：

$scope.days = ["pzt","sal","car","per","cum","cmt","pzr"]

指示：

app.directive("day", function () {
    return {
        restrict: "E",
        scope: {
            dayName: "@"
        },
        templateUrl: "/static/templates/settings/day.html"
    }
})

HTML：

<div class="form-group" style="margin-bottom:0;">
    <div class="btn-group" data-toggle="buttons">
        <day ng-repeat="d in days" data-id="breakfast" dayName="{{d}}"></day>
    </div>
</div>

<div class="form-group" style="margin-bottom:0;">
    <div class="btn-group" data-toggle="buttons">
        <day ng-repeat="d in days" data-id="breakfast" dayName="{{d}}"></day>
    </div>
</div>

Answer 1

您可以像這樣向ng-disabled添加條件：

<label class="btn btn-info btn-sm {{ dayName }}">
    <input type="checkbox" name="{{ dayName }}" 
    ng-model="dayName" ng-disabled="dayName == 'mon' && breakfast">
</label>