[英]AngularJS, Angular-Material - HTML Not rendering despite object present on $scope
[英]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>
一些注意事项:
所以让我明白的是console.log()
语句可以工作。 只是该div
中什么都没有出现。 有任何想法吗?
旁注:我对Foundation for Apps很熟悉,但是还不能将所有网站组件与其一起使用。 在该项目中,这些组件比香草角积分具有更高的优先级。 如果有人知道如何非常规地将Foundation for apps项目中的Foundation for Sites组件用于站点,那真是无聊。
编辑:有关我的gulp和测试服务器配置的更多详细信息
在Foundation for site中,您的项目包含一个src
和dist
文件夹:(您编辑的)原始站点文件和移至生产环境的已编译站点文件。 我在src
编辑文件,构建项目,然后查看服务器从dist
提供的文件。
现在,Foundation for site不再附带有角形,因此我将其与凉亭分开安装。 要将其放入我的项目中,我可以将其通过管道app.js
到我的通用app.js
,但该文件最终包含jQuery,我希望将其放在文档底部(这是默认位置)。 我也更喜欢斜角。 这是包含Foundation JS文件的方式。
因此,与其替代,我将其传递到自己的文件夹中,我的文档可以看到该文件夹。 我的控制器脚本也有类似的故事,因为我不想将其内置到app.js中。
我的猜测是,沿着这个从src
到dist
复杂路径,某个重要的东西丢失了,我只是不知道它可能是什么。
我在这里尝试了您的代码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.