«Ctrls не определен» ошибка не уверен, где его определить

Question

«Ctrls не определен» ошибка не уверен, где его определить

0

Я получаю CTRLS не определена ошибка, и я не знаю, где определить ctrls. Я полный noob для angularJS, и я пытаюсь назвать гнилые API томатов для поиска фильмов. Где бы я определил CTRLS и как мне написать код?

angular.module('demoApp',[])
  .constant('apiKey', 'removed for security' )
  .constant('http://api.rottentomatoes.com/api/public/v1.0')

document.getElementById('searchBox').addEventListener('keydown', function (event) {
    if (event.which === 13 || event.keyCode === 13) {

        // construct the uri with our apikey
        var searchText = this.value;
        console.log('Enter works');

        ctrls.controller('resultsCTRL', function ($scope, $http) {
            $scope.search = searchText;
            console.log('control function works');
            $http.jsonp('http://api.rottentomatoes.com/api/public/v1.0/movies.json', {
                params: {
                    q: 'toy',
                    page_limit: 10,
                    page: 1,
                    apikey: apiKey,
                    callback: 'JSON_CALLBACK'                    
                }
            });
        });
    };
});

HawkBlade124 22 март 2016, в 18:46

Источник

1

ctrls не определен.
michelem 22 март 2016, в 17:33

Теги:

javascript

angularjs

2 ответа

0

Способ использования ctrls заключается в том, что вы первоначально сохранили модуль AngularJS в переменной.

например:

var ctrls = angular.module('demoApp', []);

ctrls
  .constant('apiKey', 'removed for security' )
  .constant('http://api.rottentomatoes.com/api/public/v1.0')

ctrls.controller(function($scope, $http){
//Logic Here
});

DanielC 22 март 2016, в 14:59

Ещё вопросы

ManoDestra · Accepted Answer · 2016-03-22T14-33-00.000Z

ctrls не определено. Поэтому вам нужно определить, к какому модулю относится.

Это должно помочь вам: https://docs.angularjs.org/guide/controller

Пример, скопированный здесь для справки:

var myApp = angular.module('myApp',[]);

myApp.controller('DoubleController', ['$scope', function($scope) {
  $scope.double = function(value) { return value * 2; };
}]);

<div ng-controller="DoubleController">
  Two times <input ng-model="num"> equals {{ double(num) }}
</div>