AngularJS不在express server上工作_Angularjs_Node.js_Express

AngularJS不在express server上工作

angularjs node.js express

AngularJS不在express server上工作,angularjs,node.js,express,Angularjs,Node.js,Express,我目前正在学习AngularJS并尝试一些基本的例子。我已经安装了Node，并使用npm将express放在我用于示例的目录中。我一直在遵循一个简单的示例来查看我创建的express服务器上的html文件，但是输出显示{{heading+message}} （下图）知道我做错了什么吗？谢谢 index.html <!DOCTYPE html> <html ng-app="firstApp"> <head> <title>First A

我目前正在学习AngularJS并尝试一些基本的例子。我已经安装了Node，并使用npm将express放在我用于示例的目录中。我一直在遵循一个简单的示例来查看我创建的express服务器上的html文件，但是输出显示{{heading+message}}

（下图）

知道我做错了什么吗？谢谢

index.html

<!DOCTYPE html>

<html ng-app="firstApp">
<head>
    <title>First AngularJS App</title>

    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular.min.js"></script>
    <script src="first.js"></script>
</head>
<body>
    <div ng-controller="FirstController">
        <span>Name:</span>
        <input type="text" ng-model="first">
        <input type="text" ng-model="last">
        <button ng-click='updateMessage()'>Message</button>
        <hr>
        {{heading + message}}
    </div>

</body>

server.js

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

firstApp.controller('FirstController', function ($scope) {
$scope.first = 'Some';
$scope.last = 'One';
$scope.heading = 'Message: ';
$scope.updateMessage = function () {
    $scope.message = 'Hello ' + $scope.first + ' ' + $scope.last + '!';
};
});

var express = require('express');
var app = express();

app.use(express.static(__dirname + '/public'));

app.listen(3000, function() {
console.log('Server listening on port 3000');
});

您确实需要按F12键，检查控制台中是否有错误。我想它找不到你的

first.js

脚本。它可能应该类似于

一般来说，您问题中的示例是有效的：

var firstApp=angular.module（'firstApp'，[]）；
firstApp.controller（'FirstController'，函数（$scope）{
$scope.first='Some'；
$scope.last='One'；
$scope.heading='消息：'；
$scope.updateMessage=函数（）{
$scope.message='Hello'+$scope.first+'+$scope.last+'！'；
};
});

第一个AngularJS应用程序
姓名：
消息

{{标题+消息}}
您应该在updateMessage
方法中返回$scope.message
。也许它会起作用，因为代码是正确的。如果你要开发javascript应用程序，首先要做的就是学会使用你的浏览器控制台。Chrome和Firefox都有出色的内置控制台。如果你打开控制台，转到“控制台”选项卡，并确保“JS”处于打开状态，你肯定会看到一个错误，这将开始让你走上正确的方向。感谢Boris，我的文件路径弄错了，新手错误！现在一切正常：）