ngDisabled用法学习记录

功能很强大，记录一下

ngDisabled 用在button上是最有效的，我之前用在了input 框、span中都没有起到作用，可能只能在button上使用吧，这是用表达式来判断，也可以使用方法来进行判断，比如ng-disabled="WorkInProgress()"，然后在js 中写内容，将该方法判断为true或者false就可以达到效果，我的例子中使用了angular-MD

 <table class="table table-bordered table-striped table-condensed">
    <thead>
        <th ng-repeat="column in vm.columns" ng-if="!column.hidden" ng-click="vm.sort.toggle(column)"
            ng-class="{sortable: column.sortable !== false}" style="text-align: center;">
            {{column.label}}
            <i ng-if="column.name === vm.sort.column && vm.sort.direction"
               class="glyphicon {{vm.sort.direction|orderClass}}"></i>
        </th>
    </thead>
    <tbody>
        <tr ng-repeat="reg in vm.result | filter:vm.filter | orderBy:vm.sort.column:vm.sort.direction===-1 | paging:vm.page.index:vm.page.size">
            <td> {{ reg.ID }}</td>
            <td> {{ reg.jar }}</td>
            <td> {{ reg.className }}</td>
            <td> {{ reg.runType }}</td>
            <td> {{ reg.TaskType }}</td>
            <td> {{ reg.Gid }}</td>
            <td>
                <button class="btn btn-sm btn-primary" ng-disabled="reg.TaskType='boot'" ng-click="runJob(reg.ID)">
                    <md-tooltip md-direction="top">
                        启动
                    </md-tooltip><i class="fa fa-play"></i>
                </button>
                <button class="btn btn-sm btn-danger" ng-disabled="reg.TaskType='boot'" ng-click="unRegistJob(reg.ID)">
                    <md-tooltip md-direction="top">
                        注销
                    </md-tooltip><i class="fa fa-ban"></i>
                </button>
            </td>
        </tr>
    </tbody>
</table>

转载于:https://my.oschina.net/u/2499632/blog/598480