Angularjs getting started



我刚接触Angularjs,我想从Youtube的几个教程中学习,我想我已经掌握了它,所以我想尝试我的第一个最简单的代码,它看起来像这样。

html文件:

<!DOCTYPE html>
<html ng-app='app'>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.min.js"></script>
<script src="script.js"></script>
<title></title>
</head>
<body>
<div ng-controller="FCon">
<span>A random value: </span><br><br>
{{wrt1}}
</div>
</body>
</html>

我的script.js文件(与html文件相同的文件夹(:

var app = angular.module('app' , []);
app.controler('FCon',function($scope) {
$scope.wrt1 = Math.floor(Math.Random()*10+1);
});

我链接了最新版本的框架,但浏览器(chrome(不会解释wrt1的所谓"表达式",它只是作为普通文本保留在那里。

我哪里做错了?引导我,我的兄弟们!

您的代码中有两个拼写错误

  • controller而不是controler
  • random而不是Ramdom

var app = angular.module('app' , []);
app.controller('FCon',function($scope) {
$scope.wrt1 = Math.floor(Math.random()*10+1);
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.5/angular.min.js"></script>
<div  ng-app='app'>
<div ng-controller="FCon">
<span>A random value: </span><br><br>
{{wrt1}}
</div>
</div>

最新更新