Question

我已经与AngularJS和Gulp开始了一个宠物项目。该代码可在github上找到。

构建项目后，我的dist文件夹如下所示：

js/
--vendor.js
--app.js
index.html

当我在dist文件夹中运行browserSync时，一切似乎都正常工作：路径正确注入，chrome控制台中有angular个全局变量，并且ng-app指令就位。但是，如果我尝试创建控制器或配置应用程序，则函数内的脚本不会运行。

这是我第一次完全根据各种教程自己编写gulpfile.js。我怀疑问题可能在于不正确的gulp配置，但我不确定。

Answer 1

首先，您需要在ngApp指令中指定模块名称。这将解决config和run块未运行的问题。你还必须在某处添加ngController指令。例如，在body html标记上。

结果：

最终的html代码示例：

<!DOCTYPE html>
<html lang="en" ng-app="app">

<head>
  <meta charset="UTF-8">
  <title>FinControl</title>
  <!-- build:css css/vendor.css -->
  <!-- bower:css -->
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:css css/main.css -->
  <!-- inject:css -->
  <!-- endinject -->
  <!-- endbuild -->
</head>

<body ng-controller="testCtrl" layout="column" layout-fill>
  <input type="text" ng-model="textVal">
  <span>{{textval}}</span>
</body>
  <!-- build:js js/vendor.js -->
  <!-- bower:js -->
  <!-- endbower -->
  <!-- endbuild -->

  <!-- build:js js/app.js -->
  <!-- inject:js -->
  <!-- endinject -->
  <!-- endbuild -->

</html>

Answer 2

在index.html中将 ng-app 更改为 ng-app =“app”在依赖项中添加浏览器同步。除此之外一切都很好。

AngularJS应用程序初始化但不起作用

2 个答案: