时间戳

首页 > 解决方案 > 如何检查或调试 AngularJS 控制器是否工作？

javascript - 如何检查或调试 AngularJS 控制器是否工作？

问题描述

我想检查控制器是否工作我的控制器在创建控制器时尝试使用警报功能来测试我的控制器，但似乎什么也没发生。

JS

routerApp.controller('myCtrl', ["$scope", "$http", 
"$timeout", function($scope, $http, $timeout){
    $http({
        method: 'GET',
        url: 'image.json'
    }).then(function successCallback(response){
        $scope.images = response.data.items;
        console.log(response.data.items);

    $timeout(function(){
        $("#lightSlider").lightSlider({
            item:1,
            auto: true,
            loop:true,
            speed:1000,
            pause:3000,
        });
    },0);
    }, function errorCallback(response){
        alert("Something went wrong!");
    });
}]);

HTML

<div class="banner">
    <ul id="lightSlider">
        <li ng-repeat="image in images">
            <img ng-src="{{image.img}}"  />
        </li>
    </ul>
</div>

标签： javascriptangularjs

解决方案

这些都丢失了ng-app，ng-controller看看下面的代码片段，这工作正常

刚刚添加ng-app和ng-controller

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

<div ng-app="routerApp" ng-controller="myCtrl">
<div class="banner">
    <ul id="lightSlider">
        <li ng-repeat="image in images">
            <img ng-src="{{image.img}}"  />
        </li>
    </ul>
</div>
</div>

<script>
var app = angular.module('routerApp', []);
app.controller('myCtrl', function($scope) {


/**
* add your code here
*/
    alert('Debugger');
});
</script>

</body>
</html>

推荐阅读