Angular js ng-disabled

时间:2014-04-08 15:04:01

标签: javascript html5 angularjs

我无法解决这个问题,我需要帮助,这是我的问题;

我有复选框输入天(星期一,星期二,星期五,星期四,星期五,星期五,星期日)和选择选项班次(早餐,午餐,晚餐)

我尝试做的是,

例如

如果在选择“早餐”时选择“星期一”:必须禁用其他早餐行中的其他“星期一”,但不能选择您选择的那个。

这是我的代码:

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>

1 个答案:

答案 0 :(得分:0)

您可以为ng-disabled添加条件,如下所示:

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