javascript - 我无法显示模型值

标签 javascript angularjs

我已经在作用域变量中声明了作者

<!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 }}

我做错了什么?如何展现我需要的值(value)观?

最佳答案

您需要正确设置您的模块和 Controller :

<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="app"。 Plunker Demo

关于javascript - 我无法显示模型值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29936188/

相关文章:

javascript - AngularJs 日期验证在 IE 和 Mozilla 中不起作用

混合了文字和数组的 Javascript 数组

javascript - Angular 访问数组中另一个 ngFor 上的 ngFor 索引

angularjs - $http.post().then 与 $q 库?

javascript - 控制台错误 NodeJS 配置

javascript - 如何访问 promise 中的函数参数

javascript - AngularJS - 如何检查特定键在数组中是否具有特定值

javascript - 在 AngularJS 中获取当前 Controller 名称

javascript - 在 javascript/angularjs 中获取客户端 IP

javascript - 如何将两个 http 帖子的数据合并到一个数据对象中