Angularjs 如果我们更改名称，Angular指令将不起作用_Angularjs_Angularjs Directive

Angularjs 如果我们更改名称，Angular指令将不起作用

angularjs

Angularjs 如果我们更改名称，Angular指令将不起作用,angularjs,angularjs-directive,Angularjs,Angularjs Directive,我在使用angular指令时看到一种奇怪的行为在下面的代码中 HTML 两个指令loadTweets和tweets除了名称之外是相同的。指令tweets按预期工作，但loadTweets不工作。我无法找出这种行为的原因。有人能解释一下吗？如果你用jsloadTweets写，你应该用htmlloadTweets 从指令有驼峰大小写的名称，如ngBind。指令可以是通过将camel case名称转换为snake case来调用特殊字符：、-、或。也可以选择使用该指令前缀为x-，或数据-使

我在使用angular指令时看到一种奇怪的行为

在下面的代码中

HTML

两个指令

loadTweets

和

tweets

除了名称之外是相同的。指令

tweets

按预期工作，但

loadTweets

不工作。我无法找出这种行为的原因。有人能解释一下吗？

如果你用js

loadTweets

写，你应该用html

loadTweets

从

指令有驼峰大小写的名称，如ngBind。指令可以是通过将camel case名称转换为snake case来调用特殊字符：、-、或。也可以选择使用该指令前缀为x-，或数据-使其符合HTML验证程序。在这里是一些可能的指令名称的列表：ng:bind，ng bind， ng_-bind、x-ng-bind和数据ng-bind

现在我记得读到过关于它的文章，尽管我们是为了其他指令而这样做的，但我对它并没有什么印象。谢谢

<body ng-app="loadTweetsModule">
    <div tweets> Load </div>
    <div loadTweets> loadTweets </div>
</body>

var loadTweetsModule = angular.module("loadTweetsModule",[]);


loadTweetsModule.directive('tweets',function(){
    return {
        link : function(scope,element){
            element.bind("mouseenter", function(){
                console.log("tweets");
            });
        }
    };
});

loadTweetsModule.directive('loadTweets',function(){
    return {
        link : function(scope,element){
            element.bind("mouseenter", function(){
                console.log("loadTweets");
            });
        }
    };
});