Question

我开始学习AngularJS并想尝试构建一个简单的计算器应用程序，但是，每当我在我的html文件中命名ng-app时，AngularJS就会停止工作。

我尝试构建一个控制器，但在调用它或使用它时似乎做错了。

我尝试将文件放在XAMPP web文件夹中，因为我认为它可能无法从我的硬盘加载，但无济于事。

（请忽略所有半完成的休息，现在我只想让控制器工作）

这是html：

<!DOCTYPE html>
<html>
<head>
  <title>Calculator</title>

</head>

<body ng-app="calculatorApp">
  <div ng-controller="mainCtrl">
    <input type="number" ng-model="first" autofocus>
    <input type="number" ng-model="second">
    <br>
    <button onClick="defineOperator('+')">+</button>
    <button onClick="defineOperator('-')">-</button>
    <button onClick="test()">TEST</button>
    <br>
    <div>
  {{first}}
</div>
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"</script>
<script src="http://localhost/calculator/scripts/app.js" type="text/javascript"></script>
</body>
</html>

和js：

angular.module('calculatorApp', [])
  .controller('mainCtrl', function($scope){

    $scope.defineOperator = function(choice) {
      switch (operator) {
        case +:
        return first + second;

          break;
        default:

      }
    };
    $scope.testOperator = function(click) {
      alert("You chose " + operator);
    };
  });

非常感谢任何帮助。

Answer 1

self.users.removeAll()

您忘了将func removeMyDuplicates{ var newListOfUsers:[User] = [] for user in self.users{ var added = false for newUser in self.newListOfUsers{ if(user.id == newUser.id){ added = true } } if !added{ newUsers.append(user) } } self.users = newUsers }放在上面一行。

将其替换为

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"</script>

Answer 2

您忘记使用＆gt;

结束脚本代码

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"</script>

Answer 3

angular.module('calculatorApp', [])
  .controller('mainCtrl', function($scope){
$scope.first="hello";
  });

<!DOCTYPE html>
<html>
<head>
  <title>Calculator</title>

</head>

<body ng-app="calculatorApp">
  <div ng-controller="mainCtrl">
 
<div>
  {{first}}
</div>
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

</body>
</html>

看看这个。有一件事你没有关闭定义角度的标签。

Answer 4

如果你想更改html页面中的app-name，你还应该更改js文件中的app名称：

angular.module('calculatorApp', [])

每当我命名ngapp或尝试使用控制器

4 个答案: