Angular 1.x - 使用赋值创建自定义属性指令

Question

在angular中，我知道如何创建具有以下语法的自定义指令：

元素指令

<my-custom-element attr1 = "some stuff"> </my-custom-element>

属性指令

<div my-custom-attribute> </div>

我想做什么

<div my-custom-attribute = "some value"> </div>

这可能吗？

如果是这样，怎么样？ 我很欣赏一个极简主义的例子。

由于

Answer 1

您可以将两者命名为相同，

app.directive('myCustomAttribute', function() {
    return {
        restrict: 'A',
        scope: {
            myCustomAttribute: '='
        },
        templateUrl: '...'
    };
});

可以用作，

<div my-custom-attribute="somevalue"></div>

sample working example