与控制器对话的指令 - 为什么我的模块不工作?(角度JS）

Directives Talking to Controllers - Why isn't my module working? (Angular JS)

本文关键字：工作 角度 JS 模块 我的 对话 控制器 指令 为什么      更新时间：2023-09-26

我目前正在使用此视频学习 Angular：

http://www.youtube.com/watch?v=LJmZaxuxlRc&feature=share&list=PLP6DbQBkn9ymGQh2qpk9ImLHdSH5T7yw7

本教程的目标是将鼠标悬停在元素上并弹出一个警告框...但是当我启动应用程序时控制台抛出错误时：

未捕获的错误：无模块：推特应用程序

我已经逐字复制了代码，所以我不确定我做错了什么。查看演示和下面的代码：

http://plnkr.co/edit/tLsD394P0WmeQqLBm8F8?p=preview 

<div ng-app="twitterApp">
    <div ng-controller="AppCtrl">
      <div enter="loadMoreTweets()">Roll over to load more tweets</div>
    </div>
  </div>   

var app = angular.module('twitterApp', [])
app.controller("AppCtrl", function ($scope) {
      $scope.loadMoreTweets = function () {
        alert("Loading tweets!");
      }
  })
app.directive("enter", function () {
  return function (scope, element, attrs) {
    element.bind("mouseenter", function () {
        scope.$apply("loadMoreTweets()")
    })
  }
})

编辑：在本地无法在Google Chrome上运行，但它确实适用于Safari

egghead.io Angularjs 课程的来源可在 GitHub 上找到，看看 https://github.com/msfrisbie/egghead-angularjs

希望对您有所帮助。！！

相关文章：