Html 角度基本ng绑定和ng点击赢得'；行不通
我是一个棱角分明的初学者，它似乎对我没有反应。我试着用一个简单的ng键点击一个计数器进行加减运算。我知道他的错误：Html 角度基本ng绑定和ng点击赢得'；行不通,html,angularjs,scope,add,subtraction,Html,Angularjs,Scope,Add,Subtraction,我是一个棱角分明的初学者，它似乎对我没有反应。我试着用一个简单的ng键点击一个计数器进行加减运算。我知道他的错误： Error: [ng:areq] http://errors.angularjs.org/1.3.15/ng/areq?p0=FirstController&p1=not%20a%20function%2C%20got%20undefined... 这是index.html： controller.js： var-app=angular.module（'app'，[]）
Error: [ng:areq] http://errors.angularjs.org/1.3.15/ng/areq?p0=FirstController&p1=not%20a%20function%2C%20got%20undefined...
var-app=angular.module（'app'，[]）；
app.controller（'FirstController'，函数（$scope）{
$scope.word=“ever”；
$scope.counter=0；
$scope.add=函数（金额）{
$scope.counter+=金额；
};
$scope.subtract=函数（金额）{
$scope.counter-=金额；
};
});
简单应用程序
有史以来最简单的加法机
添加
减
当前计数：{{counter}}
我想您忘了指定您使用的应用程序，请尝试以下代码：
<html ng-app="app">
检查这一点，html中似乎缺少ng应用程序
<html>
<head>
<link rel="stylesheet" href="style.css" />
<script data-require="angular.js@1.3.1" data-semver="1.3.1" src="//code.angularjs.org/1.3.1/angular.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="test">
<div trans-directive></div>
<h1>Hello Plunker!</h1>
<div ng-controller="trans">
<h4>The simplest adding machine ever</h4>
<button ng-click="add(1)" class="button">Add</button>
<button ng-click="subtract(1)" class="button alert">Subtract</button>
<h4>Current count: {{ counter }}</h4>
</div>
</body>
</html>
var app = angular.module("test",[]);
app.controller('trans',function($scope){
$scope.name = 'amruth';
$scope.word = "ever";
$scope.counter = 0;
$scope.add = function(amount) {
$scope.counter += amount;
};
$scope.subtract = function(amount) {
$scope.counter -= amount;
};
});
你好，普朗克！
有史以来最简单的加法机
添加
减
当前计数：{{counter}}
var app=角度模块（“测试”，[]）；
应用控制器（'trans'，功能（$scope）{
$scope.name='amruth'；
$scope.word=“ever”；
$scope.counter=0；
$scope.add=函数（金额）{
$scope.counter+=金额；
};
$scope.subtract=函数（金额）{
$scope.counter-=金额；
};
});
以下是您的代码：
所需更改：
ng应用程序
应为其分配一个值- 将
ng app
添加到body标记中，因为您的angular脚本位于head标记中，html将无法识别angular
- 在脚本代码之后但在脚本代码之前包含controller.js
var-app=angular.module（'app'，[]）；
app.controller（'FirstController'，函数（$scope）{
$scope.word=“every”；
$scope.counter=0；
$scope.add=函数（金额）{
$scope.counter+=金额；
};
$scope.subtract=函数（金额）{
$scope.counter-=金额；
};
});
简单应用程序
有史以来最简单的加法机
添加
减
当前计数：{{counter}}
{{6+2}}
1。修改html文件
这是您的问题的解决方案
内部标记添加脚本：
2.修改controller.js
app.controller（'FirstController'，函数（$scope）{}）；
出现错误，因为您在“'FirstController'，”和“function（$scope）{}”之间添加了额外的空间
试试这个，将
更改为
ng应用程序的位置有点错误。它应该（在大多数情况下）位于body标签中的ng app=“myApp”
和ng controller=“myController”
。在google中查看Angular的教程，并尝试一步一步地复制每一行代码。你很快就会得到的。
1. modify html file
Here is solution for your problem.Add following line inside your html code
<html ng-app='app'>
inside <head> tag add script : <script src="app.js"></script>
2. modify controller.js
app.controller('FirstController',function($scope){});
Error occured because you added extra space between "'FirstController'," and "function($scope){})"