为什么我的棱角分裂器不起作用?

时间:2015-11-26 08:15:18

标签: angularjs

Plunker

<!DOCTYPE html>
<html ng-app="app">
  <head>
    <link data-require="qtip2@*" data-semver="2.0.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.min.css" />
    <link data-require="qtip2@*" data-semver="2.0.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.css" />
    <link data-require="qtip2@*" data-semver="2.0.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/basic/jquery.qtip.min.css" />
    <link data-require="qtip2@*" data-semver="2.0.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/basic/jquery.qtip.css" />
    <script data-require="qtip2@*" data-semver="2.0.0" src="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/jquery.qtip.js"></script>
    <script data-require="qtip2@*" data-semver="2.0.0" src="//cdnjs.cloudflare.com/ajax/libs/qtip2/2.0.0/basic/jquery.qtip.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-beta.2/angular.min.js"></script>
  </head>

  <body ng-contoller="mainController">
    <h1>Hello Plunker!</h1>
    <test></test>
    {{1+1}}
  </body>
</html>

我是棱角分明的新人,所以我只是想在plunker上尝试一下。我写了一个简单的角度指令,控制器和模块。邮件$scope甚至不会显示在我的主页上,并与ngAppngController相关联。

3 个答案:

答案 0 :(得分:1)

不确定这是否是您的问题,但在您发布的Plunker中,您需要添加您的module.js以加载角度应用:

<script src="module.js"></script>

答案 1 :(得分:1)

在您的Plunker中,有两个缺失的部分。

首先你需要包含jQuery(jQuery QTips正在使用它)。

其次,您需要添加module.js

更新了Plunker

答案 2 :(得分:0)

我在plnkr中查看了你的代码,发现你甚至没有将$ scope.message的值传递给你的指令。请更正此问题,您应该会看到显示的消息。感谢。