繁体   English   中英

存在角度范围,但不呈现

[英]Angular scope present, but not rendering

我目前正在工作板型网站上作为副项目。 它使用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>

一些注意事项:

  • 我在脑海中按此顺序包括angular和我的控制器脚本。
  • 这就是我用gulp构建后的样子。 之前,它分为布局模板和页面模板。

所以让我明白的是console.log()语句可以工作。 只是该div中什么都没有出现。 有任何想法吗?

旁注:我对Foundation for Apps很熟悉,但是还不能将所有网站组件与其一起使用。 在该项目中,这些组件比香草角积分具有更高的优先级。 如果有人知道如何非常规地将Foundation for apps项目中的Foundation for Sites组件用于站点,那真是无聊。

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

在Foundation for site中,您的项目包含一个srcdist文件夹:(您编辑的)原始站点文件和移至生产环境的已编译站点文件。 我在src编辑文件,构建项目,然后查看服务器从dist提供的文件。

现在,Foundation for site不再附带有角形,因此我将其与凉亭分开安装。 要将其放入我的项目中,我可以将其通过管道app.js到我的通用app.js ,但该文件最终包含jQuery,我希望将其放在文档底部(这是默认位置)。 我也更喜欢斜角。 这是包含Foundation JS文件的方式。

因此,与其替代,我将其传递到自己的文件夹中,我的文档可以看到该文件夹​​。 我的控制器脚本也有类似的故事,因为我不想将其内置到app.js中。

我的猜测是,沿着这个从srcdist复杂路径,某个重要的东西丢失了,我只是不知道它可能是什么。

我在这里尝试了您的代码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来工作,因此请尝试将脚本添加到单独的js中文件或脚本标记内的所有html组件之后。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM