为什么这个angularjs指令不起作用?

时间:2014-12-06 02:17:27

标签: javascript angularjs

我很难尝试遵循AngularJS指令的教程。我在代码中找不到任何语法错误,我甚至尝试添加jQuery。

main.js

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

app.directive = ("enter", function () {
    return function (scope, element) {
        element.bind("mouseenter", function () {
            console.log("I'm inside of you!");
        });
    }
});

ng.php

<body ng-app="app">
<div enter>I'm content!</div>
</body>

AngularJS和main.js都正确链接。

没有报告控制台错误。

我错过了什么?

1 个答案:

答案 0 :(得分:3)

app.directive是一个函数,而不是属性。

你在哪里:

app.directive = ('enter'...

应该是:

app.directive('enter', function() ...)

所以你要调用函数来注册一个指令,而不是覆盖一个赋值,这样你就再也不会有任何指令了。 :)