Javascript 存在角度范围，但不渲染_Javascript_Angularjs_Zurb Foundation

Javascript 存在角度范围，但不渲染

javascript angularjs zurb-foundation

Javascript 存在角度范围，但不渲染,javascript,angularjs,zurb-foundation,Javascript,Angularjs,Zurb Foundation,我目前正在一个工作板类型的网站作为一个辅助项目。它使用网站的基础，我试图部署角。我编写了一个非常简单的模块和附带的控制器： angular.module('jobboard', []) .controller('genCtrl', function($scope){ $scope.data = "Hello world!"; console.log($scope.data); }); 我还构建了一个非常简单的模板。我的想法是： <body ng-app="jobboar

我目前正在一个工作板类型的网站作为一个辅助项目。它使用网站的基础，我试图部署角。我编写了一个非常简单的模块和附带的控制器：

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>

关于这方面的一些注意事项：

我把angular和我的控制器脚本按照这个顺序放在我的脑袋里。这就是我大口大口喝后的样子。之前，它被分为布局模板和页面模板。因此，让我感到困惑的是console.log语句可以工作。只是那个分区里什么都没有，有什么想法吗

旁注：我熟悉应用程序的基础，但我还不能使用它的所有站点组件。这些组件在本项目中的优先级高于常规角度集成。如果有人知道如何在应用程序项目的基础上不使用基础组件，我会洗耳恭听。编辑：有关我的gulp和测试服务器配置的更多详细信息

网站的基础上，你的项目包含一个SRC和一个DIST文件夹：你编辑的原始站点文件和你移动到生产的编译的站点文件。我在src中编辑文件，构建项目，并查看我的服务器从dist提供的文件

现在，场地的基础不是有角度的，所以我单独安装了凉亭。要将其输入到我的项目中，我可以将其通过管道传输到我的通用app.js中，但该文件最终包含jQuery，我喜欢将其放在文档的底部，即默认位置。我也更喜欢在头上打角。这是包含基础JS文件的方式。

因此，我将它通过管道传输到它自己的文件夹中，我的文档可以看到它。我的控制器脚本也有类似的情况，因为我不希望它内置到app.js中

我的猜测是，在从src到dist的这条复杂路径的某个地方，一些重要的东西丢失了，我只是不知道它可能是什么。

我在这里尝试了你的代码

如果您选择load type作为no wrap in head或body，它可以工作，但如果您选择onLoad，它就不工作了，我也在我的机器上以js的形式在单独的文件中进行了尝试，它可以工作，所以请尝试在单独的js文件中添加脚本，或者在body中的所有html组件之后添加脚本标记。

工作正常。检查添加到codeangularjs库中的脚本。这是plunker链接您可能正在从浏览器缓存加载HTML。。请尝试重新加载网页。没有骰子。它运行了一个浏览器sync&gulpconnectphp服务器，所以我也重新启动了几次——也没有运气。编辑：是在firefox上运行的，所以我在chrome上试过。仍然不起作用您应该将dom放在ng视图中。或者将JS文件放在dom头中。@NeerajVerma这是什么意思？如何选择加载类型？从JAVASCIPT点击设置图标旁边的

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

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