可以简化AngularJS指令和范围变量

Question

塞纳里奥

我想编写一个简单的Angular指令，它有一个指令名称（作为属性），也可以用作变量（即.data-directive-name =“some value”，我们可以使用“some value” “在指令的范围内。”

HTML

<span data-gender="controller.model.gender"></span>

指令

.directive('gender', function(){
    return {
        restrict: 'A',
        template: '<div>{{ gender }}</div>',
        scope: {
           gender: '='
        }
    };
})

预期结果

<span data-gender="M">
    <div>M</div>
</span>

实际结果

<span data-gender="M"></span>