javascript - 如果模型计算结果为 true，则检查 angularjs 复选框

Question

如何以 Angular 形式定义一个复选框，当模型计算结果为 true 时会选中该复选框(如“yes”、“1”、1...)，而当模型计算结果为 false 时则取消选中该复选框(“0"、0、未定义、...)？我从休息服务获取数据，真假的表示可能会有所不同。如果用户更改表单中的值，则应将其设置为“1”(打开)或“0”(关闭)。如果他再次更改它，则应将其设置为原始值并标记为未更改。我想编写如下标记:

<input type="checkbox" ng-model="value1" my-custom-directive>
<input type="checkbox" ng-model="value2" my-custom-directive>

Answer 1

好的，我刚刚完成jsfiddle上的案件

所有的事情都是通过一个简单的过滤器来完成的，该过滤器评估您定义的 truffy 值;-)

angular.module('App', [])
    .filter('isTruffy', function () {
    return function (input) {
        // Add here, how much truffy values as you want, this is not case sensitive...
        var truffies = [1, '1', true, 'true', 'yes', 'y'];

        if (typeof input == 'String')
            input = input.toLowerCase();

        return truffies.indexOf(input) > -1;
    };
});

之后，只需在模板上调用过滤器

<input type="checkbox" ng-checked="b | isTruffy" />