AngularJS 和 Angular-Snap：未定义 Snap 构造函数答案

【问题标题】：AngularJS and Angular-Snap : Snap constructor is not definedAngularJS 和 Angular-Snap：未定义 Snap 构造函数
【发布时间】：2016-04-06 10:53:28
【问题描述】：

“确保 window.Snap 已定义或使用 SnapConstructorProvider.use(MySnap) 提供您自己的。”

这就是我在尝试使用 angular-snap 时所拥有的。我按照他们在github中所说的但仍然没有工作。我可以帮忙吗？我看了 angular-snap 代码，看到了一个测试：

if(angular.isUndefined(S)) {
      throw new Error('Snap constructor is not defined. Make sure ' +
          'window.Snap is defined or supply your own with ' +
          'SnapConstructorProvider.use(MySnap).');
    }

当我放置一个 angular.isUndefined 的 console.log 时，它返回 true，但我不知道为什么。

这里是html：

    <!DOCTYPE html>
<html ng-app="myApp">
<head>
    <meta charset=utf-8 />
    <title>AO</title>
  <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-theme.min.css" />
  <link rel="stylesheet" type="text/css" media="screen" href="css/angular-snap.min.css" />
    <!--[if IE]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>

  <snap-drawer>
    <p>I'm a drawer ! I maybe I've got some sweet navigation links.</p>
  </snap-drawer>

  <snap-content>
    <p>Hello! I'm your main content!</p>
  </snap-content>


  <script type="text/javascript" src="js/angular.min.js"></script>
  <script type="text/javascript" src="js/snap.js"></script>
  <script type="text/javascript" src="js/angular-snap.min.js"></script>
  <script type="text/javascript" src="js/app.js"></script>

</body>
</html>

Javascript 代码：

var app = angular.module('myApp', ['snap']);

感谢您的帮助。

【问题讨论】：

你应该在Angular-Snap github项目中提出问题，这样作者就会看到它是否是一个错误。
我已经在 Github 上发布了，谢谢你的回答！
控制台是否还有其他报错？您确定 snap.js 文件加载正常（即不是 404）。如果这两个都签出，也许您可以发布一个 jsbin 或 plunkr 来展示这个问题？看起来您至少在尝试以正确的顺序包含正确的内容。

标签： javascript angularjs snap.js

【解决方案1】：

您必须在 index.html 页面中包含 snap.js 库

<script src="https://cdnjs.cloudflare.com/ajax/libs/snap.js/1.9.3/snap.min.js"></script>

【讨论】：