gpt4 book ai didi

javascript - AngularJS 数据绑定(bind)没有发生

转载 作者:行者123 更新时间:2023-11-30 12:38:29 26 4
gpt4 key购买 nike

我只是在玩 AngularJS,我写了一小段代码,我已经分享了 here .但由于某种原因,数据绑定(bind)没有发生。这里是为那些不想去采摘网站的人准备的 HTML 和 JS 代码。

first.html

<!doctype html>
<html ng-app="firstApp">
<head>
<title>First Angular JS</title>
<script src="/lib/angular.min.js"></script>
<script src="/js/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>
</html>

first.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 + '!';
};
});

在 HTML 中,我使用 express 将调用重定向到适当的位置

node_server.js

var express = require('express');
var app = express();
app.use('/', express.static('./static')).
use('/images',express.static('./images')).
use('/lib',express.static('./lib/angular-1.2.22'));
app.listen(8080);

输出显示{{message + heading}}。有谁知道为什么这不起作用?

最佳答案

问题在于您声明 Controller 的方式。

你有:

firstApp.controller = ('FirstController',function($scope) ...

应该是:

firstApp.controller('FirstController', function($scope) ...

关于javascript - AngularJS 数据绑定(bind)没有发生,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25319270/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com