javascript - AngularJs,表达式没有显示

标签 javascript angularjs

如果这个问题被重复,我很抱歉,但我似乎仍然找不到解决方案。这是我第一次使用 AngularJS,所以请耐心等待。

我的简单 html:

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

<div ng-controller="simple">
    <h1>{{ author.name }}</h1>
    <p>{{ author.title }}</p>
</div>
</body>
</html> 

这是我从 AngularJS 教程中获得的controller.js:

var myApp = angular.module('myApp', []);

myApp.controller('simple', function ($scope) {
    $scope.author = [
       {'name': 'Parker',
        'title': 'Full Stack Developer'}
   ];
});

然后当我在浏览器上浏览我的 html 时,它是一片空白。

最佳答案

在您的 $scope 中,您有 author 属性,它是一个数组。 如果您像使用 author.name 一样进行访问,它将不起作用,因为您试图访问数组对象中的 name 属性,这不会起作用t 有 name 属性。

所以,我建议您将其更改为:

$scope.author = {
    name: 'Parker',
    title: 'Full Stack Developer'
};

此外,访问方式类似于

{{ author[0].name }}

也可以,但是在这里拥有一个数组是没有意义的,显然,您只想拥有一个对象。

关于javascript - AngularJs,表达式没有显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26369826/

相关文章:

javascript - 如何调用 jQuery 函数以便它在 document.ready 函数中运行?

javascript - vs code node js中没有intellisense

javascript - C# 相当于桌面应用程序的 Android WebView

javascript - 在异步方法中循环遍历对象

javascript - 加载并渲染 Angular Bootstrap typeahead 后使用回调

web-applications - 当用户离开页面时如何取消angularjs $timeout

javascript - 在 AngularJS 中立即启动 $interval

javascript - 尝试使用 .innerHTMLlog 打印数据出现错误 Uncaught TypeError : undefined is not a function

javascript - 如何使用 AngularJS 根据选择更改更新对象数组

javascript - 无法在 ng-repeat 中设置 AngularJS 变量