angularjs - AngularJS - ng-switch 中的指令不起作用

Question

我有一个指令ng-switch如下：

<div ng-switch on="myModel">
    <div ng-switch-when="foo">
        <zippy></zippy>
    </div>
    //Other ng-switch-when directives
</div>

该指令定义为：

app.directive('zippy', function() {
    return {
        scope: false,
        template: "Hello FooBar"
    };
});

现在，当页面加载时，虽然myModel确实变为foo，但模板不会加载。以下是浏览器中元素的状态：

<div ng-switch-when="foo" class="ng-scope">
    <zippy></zippy>
</div>

该类ng-scope被附加 - 就是这样。元素不会改变 - 指令不会被模板替换。我究竟做错了什么？我怎样才能让指令起作用？

score 1 · Accepted Answer

您将需要添加restrict到您的指令：

app.directive('zippy', function() {
    return {
        scope: false,
        template: "Hello FooBar",
        restrict: 'E'
    };
});

restrict - 将指令限制为特定指令声明样式的 EACM 子集字符串。如果仅在属性上允许省略指令。

E - 元素名称：

A - 属性：

C - 等级：

M - 评论：

1 回答 1