Question

<!DOCTYPE html>

<html ng-app="myApp">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

    <script src="js/app.js"></script>
    <script src="node_modules/angular/angular.min.js"></script>
    <script src="node_modules/angular-ui-router/release/angular-ui-router.min.js"></script>

  </head>

  <body>
      <input type="text" ng-model="name" /> {{name}}
  </body>

</html>

我上面有这个代码。但是，当我在http-server {{name}}上运行它时，不会显示输入字段中的任何内容，而是＆＃34; {{name}}＆＃34;显示。

我是否错误地导入angularjs ??

我的文件系统目前看起来像

的index.html

js - ＆gt; app.js

node_modules - ＆gt;角度 - ＆gt; angular.min.js

等

谢谢！

Answer 1

我猜想，由于您使用的是节点，因此node_modules不会公开到公共文件夹或作为静态文件。

来自Data URI：

http-server [path] [options]

[path] defaults to ./public if the folder exists, and ./ otherwise.

你有公共文件夹吗？如果是这样，那么我猜这就是原因。

Answer 2

正如克莱斯所说：

需要在app.js

之前加载

<script src="node_modules/angular/angular.min.js"></script>
<script src="js/app.js>

AngularJS未成功导入

2 个答案: