Angularjs $scope变量未在视图中呈现

我开始学习angularjs，并开始学习一个简单的示例。总的来说，到目前为止我还没有遇到大的挑战，但这一次我想不出来。。。我有一些$scope变量定义如下：

    'use strict';
angular.module('portalApp')
    .controller('summaryController', ['$scope', function ($scope) {
        $scope.todayProduction = '8';
        $scope.yesterdayProduction = '20';
        $scope.monthlyProduction = '500';
        $scope.dockedVessels = '16';
    }]);

这是我的html视图

<div class="row">
    <div class="col-md-3 col-sm-6">
        <div class="panel panel-default">
            <div class="panel-body">
                <div>
                    <span class="glyphicon glyphicon-stats" style="font-size: 50px;float: right;"></span>
                    <div>Today's Production</div>
                    <div style="font-size: 24px;">{{todayProduction}}<span style="font-size: 12px;"> tons</span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="panel panel-default">
            <div class="panel-body">
                <div>
                    <span class="glyphicon glyphicon-stats" style="font-size: 50px;float: right;"></span>
                    <div>Yesterdays's Production</div>
                    <div style="font-size: 24px;">{{yesterdayProduction}}<span style="font-size: 12px;"> tons</span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="panel panel-default">
            <div class="panel-body">
                <div>
                    <span class="glyphicon glyphicon-stats" style="font-size: 50px;float: right;"></span>
                    <div>Monthly Production</div>
                    <div style="font-size: 24px;">{{monthlyProduction}}<span style="font-size: 12px;"> tons</span></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="panel panel-default">
            <div class="panel-body">
                <div>
                    <span class="glyphicon glyphicon-stats" style="font-size: 50px;float: right;"></span>
                    <div>Docked Vessels</div>
                    <div style="font-size: 24px;">{{dockedVessels}}<span style="font-size: 12px;"> tons</span></div>
                </div>
            </div>
        </div>
    </div>
</div>

今天的生产
{{今日产量}}吨
昨天的生产
{{昨天生产}}吨
月产量
{{月产量}}吨
停靠船只
{{dockdvessels}}吨

问题是，在渲染时，我看到了预期的glyphicon，但没有显示变量值，而是为所有变量值获取了“{variableName}”

作为背景，我使用的示例项目最初用于1.5版本，但我正在运行1.6版本

---

提前感谢您的帮助

在html中将{{monthlyProduction}}更改为{{monthlyProduction}}。

您的视图如何附加到控制器？你使用指令吗？对不起，这是我的app.jsCode在你的问题中，而不是在评论中打开开发工具F12并查看控制台，错误会告诉你你错过了什么。很可能控制器未在index.html文件中注册谢谢！我发现变量{{monthlyProduc}}有一个问题，因为空间的原因，但是在删除空间后，我仍然得到相同的错误。。。有没有关于为什么这一变化不能反映的想法？我甚至尝试删除整个代码并替换它，但在VS中，变量看起来不错，但在站点中却不行