Как проверить или отладить контроллер AngularJS, работает он или нет? - PullRequest
0 голосов
/ 10 июля 2019

Я хочу проверить, работает ли мой контроллер, или я пытаюсь использовать функцию оповещения, чтобы проверить мой контроллер, когда я создаю контроллер, но кажется, что ничего не произошло.

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>

1 Ответ

0 голосов
/ 10 июля 2019

Они отсутствуют 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...