Javascript AngularJS ng单击不起作用_Javascript_Angularjs_Controller_Angularjs Ng Click

Javascript AngularJS ng单击不起作用

javascript angularjs

Javascript AngularJS ng单击不起作用,javascript,angularjs,controller,angularjs-ng-click,Javascript,Angularjs,Controller,Angularjs Ng Click,这是我的代码（我已经添加了）： var app=angular.module（“clickExample”，[]）； app.controller（'ExampleController'，['$http'，'$scope'，function（$http，$scope）{ $scope.apiCall=函数（）{ 警惕（‘ciao’）； }; }]); 再见编辑：这是整个html（我还有一个样式表和其他JS库，但我认为它们不相关）网络|社交网络身体{ 字体：10pt arial； }

这是我的代码（我已经添加了）：


var app=angular.module（“clickExample”，[]）；
app.controller（'ExampleController'，['$http'，'$scope'，function（$http，$scope）{
$scope.apiCall=函数（）{
警惕（‘ciao’）；
};
}]);
再见

编辑：这是整个html（我还有一个样式表和其他JS库，但我认为它们不相关）


网络|社交网络
身体{
字体：10pt arial；
}
#我的网络{
宽度：600px；
高度：600px；
边框：1px实心浅灰色；
背景:#f3；
}
var app=angular.module（“clickExample”，[]）；
app.controller（'ExampleController'，['$http'，'$scope'，function（$http，$scope）{
$scope.showarter=函数（）{
警报（“这是ng click的一个示例”）；
};
$scope.apiCall=函数（）{
警惕（‘ciao’）；
};
}]);
Cerca per nome
Cerca每ID
排名
诺姆：

数据：


野鹿


身份证件：

数据：


野鹿


限制：

数据：


奥蒂尼古典酒店


再见

当我点击按钮时，什么也没发生，我做错了什么？

你应该在

app.controller

<body ng-app="clickExample" ng-controller="ExampleController" ng-init="choice = 1">
    <script>
    var app = angular.module("clickExample", []);
    app.controller('ExampleController', ['$http', '$scope', function ($http, $scope) {
        $scope.apiCall = function () {
            alert('ciao');
        };
    }]);
    </script>
    <div>
        <button ng-click="apiCall()">Ciao</button>
    </div>
</body>


var app=angular.module（“clickExample”，[]）；
app.controller（'ExampleController'，['$http'，'$scope'，function（$http，$scope）{
$scope.apiCall=函数（）{
警惕（‘ciao’）；
};
}]);
再见

我发现了错误

把剧本。。。在导入angular脚本之后，因为您正在尝试在导入之前使用angular

例如：

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module('clickExample', []);
app.controller('ExampleController', ['$http', '$scope', function ($http,$scope) {
    $scope.apiCall = function () {
        alert('ciao');
    };
}]);
</script>


var app=angular.module（'clickExample'，[]）；
app.controller（'ExampleController'，['$http'，'$scope'，function（$http，$scope）{
$scope.apiCall=函数（）{
警惕（‘ciao’）；
};
}]);

它将使您的代码正常工作。

它正常工作，从您的ng中单击，删除

ExampleController

<body ng-app="clickExample" ng-controller="ExampleController" ng-init="choice = 1">
    <script>
    var app = angular.module("clickExample", []);
    app.controller('ExampleController', ['$http', '$scope', function ($http, $scope) {
        $scope.apiCall = function () {
            alert('ciao');
        };
    }]);
    </script>
    <div>
        <button ng-click="apiCall()">Ciao</button>
    </div>
</body>

正确：

Ciao


var app=angular.module（“clickExample”，[]）；
app.controller（'ExampleController'，['$http'，'$scope'，function（$http，$scope）{
$scope.apiCall=函数（）{
警惕（‘ciao’）；
};
}]);
再见

angular版本使用您是否在页面中加载了agular.js？？？

app.controller（'ExampleController'，['$http'，'$scope'，function（$http，$scope）{

控制器中的参数顺序-您首先注入了

$http

服务，然后注入了

$scope

是的，我补充道（我也按正确的顺序加入了$http，但没有改变）把所有的代码放好，你的代码工作正常。从ng Click中删除ExampleController现在它工作了，我不知道发生了什么，因为我在第二分钟添加了ExampleController.apiCall（），在回答中也添加了相同的内容。在我发布的那一刻，没有人给出这个答案。

<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<script>
var app = angular.module('clickExample', []);
app.controller('ExampleController', ['$http', '$scope', function ($http,$scope) {
    $scope.apiCall = function () {
        alert('ciao');
    };
}]);
</script>