Question

我对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的所谓“表达式”，它只是作为普通文本保留在其中。

我在哪里做错了？指导我，我的兄弟们！

Answer 1

您的代码中有2个错字

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>

AngularJS入门

1 个答案: