Question

我目前正在创建一个招聘板类型的网站作为辅助项目。它使用Foundation（用于站点），我正在尝试部署Angular。

我写了一个非常简单的模块和随附的控制器：

angular.module('jobboard', [])
.controller('genCtrl', function($scope){
    $scope.data = "Hello world!";
    console.log($scope.data);
});

我还构建了一个非常简单的模板。这是个主意：

<body ng-app="jobboard">
    <div ng-controller="genCtrl">
        {{data}}
    </div>
</body>

关于此的一些注释：

我脑子里按顺序包含了角度和我的控制器脚本。
这是我用gulp构建之后的样子。之前，它分为布局模板和页面模板。

所以我得到的是console.log()语句有效。只是div内部没有出现任何内容。有什么想法吗？

附注：我熟悉Foundation for Apps，但我无法使用所有网站组件。这个组件在这个项目中的优先级高于vanilla角度集成。如果有人知道如何在应用程序基金会项目中使用Foundation for sites组件，我会全力以赴。

编辑：有关我的gulp和测试服务器配置的更多详细信息

在Foundation for Sites中，您的项目包含src和dist文件夹：原始站点文件（您编辑的）和您转移到生产的已编译站点文件。我编辑src中的文件，构建项目，并查看我的服务器从dist提供的文件。

现在，网站基金会没有角度出货，所以我分别用凉亭安装。为了把它放到我的项目中，我可以将它传送到我的通用app.js，但该文件最终包含jQuery，我喜欢将其放在我的文档底部（这是默认位置）。我也更喜欢把角度放在头部。这是包含Foundation JS文件的方式。

所以不是这样，我把它用管道输入到我自己的文件夹中，我的文件可以看到。与我的控制器脚本类似的故事，因为我不希望内置到app.js。

我的猜测是，在src到dist这个错综复杂的路径的某个地方，重要的东西会丢失，我只是不知道它会是什么。

Answer 1

我在这里尝试了您的代码https://jsfiddle.net/00Lfsfbj/

<body ng-app="app">
  <div ng-controller="ctrl">
    {{data}}
  </div>
</body>

angular.module('app', [])
  .controller('ctrl', function($scope) {
    $scope.data = "Hello world!";
  });

如果您选择加载类型为头部或主体没有换行，它是有效的，但如果您选择onLoad它不起作用，我也尝试在我的机器上作为js在单独的文件中它正在工作，所以尝试添加您的脚本在单独的js文件中或在body中的所有html组件之后的script标签内。

角度范围存在，但不呈现

1 个答案: