双花括号不起作用答案

【问题标题】：Double curly braces don't work双花括号不起作用
【发布时间】：2016-12-27 06:02:28
【问题描述】：

我通常没有这个问题，但由于某种原因我无法完成这项工作。我将ng-app="LunchCheck" 放在body 标签中，当我这样做时

<div class="container" ng-controller="LunchCheckController">
     <h1>{{title}}</h1>

</div>

变量title 未显示。它在 .js 文件中声明，在控制器中：

var LunchCheck = angular.module('LunchCheck', []);

LunchCheck.controller('LunchCheckController', 
                      LunchCheckController                     
);

LunchCheckController.$inject['$scope'];

function LunchCheckController($scope){
    $scope.title="Lunch Checker";
    $scope.count=getCount();
    $scope.message="";
    if($scope.count<=3){
        $scope.message="Enjoy!";
    }
    else $scope.message ="Too much!" ;
};

您可以查看代码here。请帮我解决这个问题，谢谢。

【问题讨论】：

将您的script 移至head。另外，如果你开始学习角度，学习角度2，而不是角度1，角度1很快就会变得无关紧要，它很慢
@Dummy 我必须分离 javascript

标签： angularjs

【解决方案1】：

搞定了：https://jsfiddle.net/suvartheec/n0jtbysz/3/

使用外部资源加载 Angular 和 jQuery，将 body 标签更改为

<body ng-app="LunchCheck">

将 Javascript 的加载类型更改为“No wrap - In Head”并注释掉 html 中的脚本标签。

【讨论】：

在我的html中，我实际上将脚本标签放在了我的头标签中，但不起作用。
我在控制台中遇到的错误是“未定义角度”，这表明某处的初始化顺序是错误的。您在此处发布的小提琴链接，它在正文中有脚本 src 标记。 body 标签也不应该在那里，因为 jsFiddle 提供了 body 标签，这会导致重复。
我了解您在 jsfiddle 中的配置。但现在在我的 NetBeans 项目中，我将库包含在 <head> 标记中（在 <title> 标记之前），按照 jQuery -> AngularJS -> app.js 的顺序，但仍然不起作用
您在控制台中遇到什么错误？头中的所有内联和外部javascripts？正文声明是<body ng-app="LunchCheck"> ?
我想通了。不知何故，我必须将app.js 放在与 index.html 相同的文件夹中。既然你教了我如何使用 Jsfiddle，我仍然会奖励你正确的答案。