表达式值显示

时间:2016-01-07 09:59:10

标签: javascript angularjs

我正在尝试在通过值提供程序设置的表达式中显示值。我是角色的初学者,所以原谅我幼稚的错误。带过滤器的前两个表达式正确显示,但应显示“23”的第三个表达式显示整个表达式,写成“{{vale}}”。 错误是

  1. 未捕获的ReferenceError:a未定义。
  2. 错误:[ng:areq]参数'myCont'不是函数,未定义。
  3. HTML:

         <!DOCTYPE html>
        <html>
    
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
        </head>
    
        <body>
        <div ng-app="myModule">
            <div>
                {{ 'World' | greet }}
            </div>
            <div>
                {{ 'Meow' | greet2 }}
            </div>
            <div ng-controller="myCont">
                {{ vale }}
            </div>
        </div>
    
        <script src="angular.js"></script>
        <script src="app.js"></script>
    </body>
    
    </html>
    

    app.js:

     angular.module('myModule', [])
    
    .config(function ($filterProvider, $provide) {
        $provide.value('a', '23');
        $filterProvider.register('greet', function () {
            return function (name) {
                return 'Hello, ' + name + '!';
            };
        });
        $filterProvider.register('greet2', function () {
            return function (name) {
                return 'Hello, ' + name + '!';
            }
        })
    
    })
    
    .controller('myCont', ['$scope', 'a', function ($scope, a) {
        $scope.vale = a;
    
    }])
    

    这里有什么问题?

1 个答案:

答案 0 :(得分:0)

答案非常简单,我使用错误的地方来引导我的应用程序,而不是从div开始,我在html标签上使用ng-app并且它有效。