Question

我在范围变量

中声明了作者

<!doctype html>
<html lang="en" ng-app>
<head>
    <meta charset="UTF-8">
    <title>Angular Demo</title>
    <script src="lib/angular/angular.min.js"></script>
</head>
<body>

    <div ng-controller="MyController">
        <h1>{{author.name}}</h1>
        <p>{{author.title + ','+ author.company}}</p>
    </div>

    <script>
        function MyController($scope){
            $scope.author = {
            'name' : 'Joe Richard',
            'title': 'Android Developer',
            'company' : 'Sunet Technologies'
            }
        }
    </script>

</body>
</html>

但是当我尝试显示我的作者模型的值时，浏览器没有显示值：

{{author.name}}

{{ author.title + ', ' + author.company }}

我做错了什么？如何展示我需要的价值？

Answer 1

您需要正确设置模块和控制器：

<script>
        var app = angular.module('app', [])
        app.controller('MyController', function($scope){
            $scope.author = {
            'name' : 'Joe Richard',
            'title': 'Android Developer',
            'company' : 'Sunet Technologies'
            }
        })
</script>

在你的html标签中，请确保设置ng-app =＆＃34; app＆＃34;。 Plunker Demo

Answer 2

Angular 1.3+不允许全局函数控制器声明。为了使您的上述工作正常，您需要在配置部分中添加allowGlobals $controllerProvider设置。

<强>代码

angular.module('myModule').config(['$controllerProvider', function($controllerProvider) {
  // this option might be handy for migrating old apps, but please don't use it
  $controllerProvider.allowGlobals();
}]);

但我建议你不要使用这种方法，使用角度模块方法@tpie建议。

我无法显示模型值

2 个答案: