0

我是角度 js 的新手。我正在尝试来自http://egghead.io/lessons/angularjs-directives-talking-to-controllers的示例，但不知何故它似乎对我来说无法正常工作。

这是我的html

<!DOCTYPE html>
 <html lang="en">
    <head>
    <meta charset="utf-8" />
    <title></title>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="js/twitterApp.js"></script>
</head>
<body>
    <div ng-app="twitterApp">
        <div app-controller="AppCtrl">
            <div enter="loadMoreTweets()">Roll over to load tweets.</div>
        </div>
    </div>
</body>
</html>

这是应用程序、控制器和指令

var tApp= angular.module("twitterApp",[])

tApp.controller("AppCtrl", function ($scope) {
   $scope.loadMoreTweets = function () {
      alert('Loading tweets.');
   }
})

 tApp.directive("enter", function () {
     return function (scope, element, attrs) {
        element.bind("mouseenter", function () {
            scope.$apply(attrs.enter);    
        })
     }
 })

问题是下面的语句似乎失败了，我无法弄清楚原因，因为我完全按照演示中的方式进行了操作。

scope.$apply(attrs.enter)

我什至尝试了以下操作，但错误控制台显示未找到 loadMoreTweets，非常感谢任何帮助。

scope.loadMoreTweets()
4

1 回答 1

2 
<div app-controller="AppCtrl">

应该

<div ng-controller="AppCtrl">
于 2013-10-30T20:15:21.350 回答