Question

我正在编写一个angular指令来包装一些自定义下拉列表的逻辑。我的指令有3个下拉列表，其中任何一个都可以使用。

我的指示（剥离）看起来像这样：

app.directive('dropdowns',
    ['$http', '$filter', ...
    function($http, $filter, ...) {
        return {
            restrict: 'E',
            templateUrl: '/Some_template',
            scope: {
                customer: '=?',
                warehouse: '=?',
                location: '=?',
            link: function (scope, elm, attrs) { 

                //How do I tell if scope.customer is set to a binding?
            }
        }
    }]);

如何检查下拉绑定是否实际绑定到其他变量？要清楚，我无法检查变量是否真实，因为未定义的值很好。例如，如果我的HTML看起来像这样：

<dropdowns customer="customer" warehouse="warehouse"></dropdowns>

如何判断客户和仓库是否已设置，但位置不是？最终我正在使用该信息来显示/隐藏相关的下拉菜单。我宁愿只检查这些绑定，而不是只添加另外几个绑定到我的隔离范围。

Answer 1

您可以使用attrs参数。 attrs参数将显示元素的所有属性中的原始值（除了双重curlies将首先解析其值）。

//create the dropdowns if the attribute was present
if(attrs.customer){ /* create the dropdown */}
if(attrs.warehouse){ /* create the dropdown */}
if(attrs.location){ /* create the dropdown */}

这是一个显示差异的小人物。

https://jsfiddle.net/L2j4ecd8/

Angular指令检查是否在隔离范围中设置了可选绑定

1 个答案: