angularjs - 如何在 index.html 中调用/访问 .constant 变量(字符串)？

Question

如果关于 angularjs 中的常量的信息似乎有很多，但没有人显示如何在 html 文件中调用它的示例，特别是 index.html。

我的 app.js 有:

.constant('myConstant',{
        string:'myString',
        size: 30
    });

我想我必须将它放在 Controller 中(我必须这样做吗？)。我将它作为“myConstant”包含在 myCtrl 中。

所以我尝试了各种方法:

<div ng-controller="myCtrl">
    {{string}}
</div>

<div ng-controller="myCtrl">
    {{myConstant.string}}
</div>

<div ng-app"myApp">
    {{myConstant.string}}
</div>

我只是不确定如何将此字符串公开给 index.html。它不应该是一个全局变量吗？我只想向应用程序添加一个版本字符串。

Answer 1

在 jsFiddle 中，您的 myConstant不在您的 $scope .

在 jsFiddle 示例中， myConstant 在 Controller 中可用但在 View 中不可用，因为它不在 $scope 中。 . $scope是 Controller 和 View 之间的粘合剂。如果你这样做 $scope.myConstant = myConstant;然后它会出现。见 AngularJS Scope Doc

angular.module('myApp.controllers', [])
    .controller('myCtrl', ['$scope', '$rootScope', 'myConstant', function ($scope, $rootScope, myConstant) {
        $scope.test = "testing...";
        $scope.myConstant = myConstant;
        console.log(myConstant);
}]);

angular.module('myApp', ['myApp.controllers'] ).constant('myConstant',{
    string:'myString',
    size: 30
});

jsFiddle: http://jsfiddle.net/p3N6u/1/