Question

我已经开始使用youtube上的一些教程学习AngularJS。在教程中有这个代码，但是当我编写它时，浏览器将不会显示属性。怎么解决？

这是我的index.html

<!DOCTYPE html> 
<html ng-app = "myModule">
<head>
<meta charset="utf-8"/>
    <title>

    </title>

    <script src="angular/angular.min.js"></script>
    <script src="script.js"></script>
</head>
<body>

    <div ng-controller="myController">
        <div>
            First Name : {{ employee.firstName }}
        </div>
        <div>
            Last Name : {{ employee.lastName }}
        </div>
        <div>
            Age : {{ employee.age }}
        </div>
        <!-- <div>
            {{message}}
        </div> -->
    </div>

</body>
</html>

这是我的script.js文件

var myApp = angular.module("myModule",[]);
myApp.controller('myController', function($scope){

        var employee = {
            firstName : "abcd",
            lastName : "efgh",
            age : 24    
        };

        $scope.employee = employee;
    });

在浏览器中显示如下

 First Name :
 Last Name :
 Age :

为什么不显示房产详情？我的意思是“abcd”作为名字等等？

编辑：

当我尝试插入图片时仍然遇到同样的问题。它适用于Codepen.io，这是链接 http://codepen.io/speco92/pen/jAQdAv

但是当我在我的电脑上检查它（localhost）时，图像文件将无法加载。其他对象属性加载。

这里包含了我的TestMyAngular.html，script.js的截图以及浏览器中的结果！ https://postimg.org/gallery/2g08oma4q/

如何解决？

Answer 1

你能告诉你如何运行你的角应用程序吗？你在浏览器中直接打开页面吗？

由于原始域错误，本地计算机上的文件路径无法打开

角度应用程序。您需要使用某些服务器，如http-server

Answer 2

您的代码正常运作。

鉴于您已开始学习AngularJS，您可能不知道您不能简单地双击index.html以查看结果。

如果您的默认浏览器是Google Chrome，则无法使用，因为Google Chrome不允许从文件系统运行javascripts。

例如，您可以使用Firefox打开index.html。

如果您仍想使用Google Chrome，则应使用网络服务器

AngularJS没有输出

2 个答案: