2016-03-22 7 views
0

CTRLSが定義されていないというエラーが発生していますが、ctrlsを定義する場所がわかりません。私はangularJSの完全な騒ぎであり、私は映画検索のために腐ったトマトAPIを呼び出そうとしています。どこで私はCTRLSを定義し、どのようにコードを記述しますか?"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'      
       } 
      }); 
     }); 
    }; 
}); 
+1

が 'ctrls'が定義されていません。 –

答えて

0

ctrlsは未定義です。そのため、参照するモジュールを定義する必要があります。

これはあなたを助ける必要があります。参考のためにここにコピーhttps://docs.angularjs.org/guide/controller

例:あなたが最初に変数にAngularJSモジュールを格納したかのように

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> 
0

をおCTRLSを使用している方法です。例えば

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 
}); 
関連する問題