角度范围存在，但不呈现

我目前正在作为副项目在工作板类型的网站上工作。它使用基金会（网站），我试图部署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，但是我一直无法使用它的所有网站组件。在这个项目中，这些组件比香草角整合更重要。如果有人知道如何在基金会应用程序项目中非正式地使用基金会的网站组件，我全都耳熟能详。

编辑：我的杯和测试服务器配置的详细信息

在基金会的网站，您的项目包含一个src和dist文件夹：原始网站文件（编辑）和编译网站您转移到生产的文件。我编辑src中的文件，构建项目，并查看我的服务器从dist提供的文件。

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

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

我的猜测是，沿着这条错综复杂的路径从src到dist，某处重要的东西会丢失，我不知道它会是什么。

来源

2016-02-02 Will

其工作正常。检查你的代码中添加的脚本（angularjs库）。 HTTP：// plnkr。co/edit/o5l40cdkFiXwAWzHTZnG这是plunker链接 –

您可能正在从浏览器缓存中加载HTML ..请尝试重新加载网页。 – Minato

那里没有骰子。它运行在浏览器同步和gulp-connect-php服务器上，所以我重新启动了那几次 - 也没有运气。编辑：在Firefox中运行，所以我尝试在铬。仍然没有工作 – Will

我想在这里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文件或内部脚本标签后面的所有HTML组件。

来源

2016-02-02 07:53:59

如何选择加载类型？ – Will

从JAVASCIPT点击旁边的设置图标 –

啊，我明白了。谢谢 – Will

角度范围存在，但不呈现

回答

相关问题