[解決済み】AngularJSのエラー。解決済み] Unityでゲームオブジェクトの子オブジェクトをループで破壊するには?
質問
現在、AngularJSのチュートリアルに沿って勉強しています。これは、私のcontrollers.jsファイル内のコードです。
'use strict';
angular.module ( 'F1FeederApp.controllers' , [] )
.controller ( 'driversController' , function ( $scope , ergastAPIservice ) {
$scope.nameFilter = null;
$scope.driversList = [];
ergastAPIservice.getDrivers ().success ( function ( response ) {
$scope.driversList = response.MRData.StandingsTable.StandingsLists [ 0 ].DriverStandings;
});
});
以下のようなエラーが発生します。
1) $sceDelegate ポリシーで許可されていない url からのリソースの読み込みをブロックしました。
2) TypeError: ergastAPIservice.getDrivers(...).success is not a function.
私はAngularの初心者なので、これらのエラーの原因が何であるかは特にわかりません。私が見た中で、他の例と違うのは、このブロックのコードだけです。( services.js )
'use strict';
angular.module ( 'F1FeederApp.services' , [] )
.factory ( 'ergastAPIservice' , function ( $http ) {
var ergastAPI = {};
ergastAPI.getDrivers = function () {
return $http ({
method : 'JSONP' ,
url : 'http://ergast.com/api/f1/2013/driverStandings.json?callback=JSON_CALLBACK'
});
};
return ergastAPI;
});
私の場合は、getDrivers関数の最後にセミコロンがあることと、getDrivers関数の最後に
use strict
という文をファイルの先頭にもってきます。しかし、gruntはこの2つの行がないとアプリケーションの実行を拒否するので、それが問題であるとは思えません。
もし、どなたか正しい方向を示してくださる方がいらっしゃれば、とてもありがたいです。
どのように解決するのですか?
問題点その1 :
その
url
あなたのアプリからリクエストしようとしているものは安全ではありません。
によると、AngularJSの
sceDelegatePolicy
. この問題を解決するには
を使用して、アプリ内のURLをホワイトリストに登録します。
resourceUrlWhitelist
メソッド
で
$sceDelegateProvider
を以下に示します。
angular.module('myApp', []).config(function($sceDelegateProvider) {
$sceDelegateProvider.resourceUrlWhitelist([
// Allow same origin resource loads.
'self',
// Allow loading from our assets domain. **.
'http://ergast.com/**'
]);
わかりやすい説明のために、上記の例は こちら
課題その2。
エラーが発生する問題
TypeError: ergastAPIservice.getDrivers(...).success is not a function
は、使用しているAngularJSのバージョンに起因している可能性があります。レガシーな
.success/.error
メソッドは、最新のAngularJsバージョン1.6で非推奨となりました。
. 以下は
非推奨のお知らせ
最新のAngularJsを使用している場合は、それが原因である可能性があります。そうでない場合は、問題をデバッグするためにもっと情報が必要です。
関連
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】TypeError: $(...).DataTable は関数ではありません。
-
[解決済み】jquery $.ajaxオブジェクトのresponseJSONプロパティを取得する方法 [重複]。
-
[解決済み】React、Uncaught ReferenceError。ReactDOMは定義されていません
-
[解決済み】DOMException: サポートされているソースが見つからなかったため、読み込みに失敗しました。
-
[解決済み】Vueのテンプレートまたはレンダー関数が定義されていない 私はどちらも使っていないのですが?
-
[解決済み】このオブジェクトの "forEach "はなぜ関数でないのですか?
-
[解決済み] file:// URLから実行されるアプリケーションのリクエストで、"Origin null is not allowed by Access-Control-Allow-Origin" エラーが発生する。
-
[解決済み] AngularJsで外部リソースが読み込まれない
-
[解決済み] コンテンツセキュリティポリシー。ページの設定によりリソースの読み込みをブロックした
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JavaScriptで':'(コロン)は何をするのか?
-
[解決済み】SyntaxError: 'import' と 'export' は 'sourceType: module' とだけ表示されるかもしれない - Gulp
-
[解決済み】エラー:リスン EACCES 0.0.0.0:80 OSx Node.js
-
[解決済み] ローカルファイルを開くことができません - Chrome: ローカルリソースのロードが許可されていません
-
[解決済み】Kendo Observable Bindingと併用する場合、Kendo Switch Labelsを変更することは可能ですか?[Kendo-UI]です。
-
[解決済み】TypeError: res.status は関数ではありません。
-
[解決済み】ES6マップオブジェクトをソートすることは可能ですか?
-
[解決済み】Uncaught ReferenceError。Firebase は定義されていません。
-
[解決済み】HTMLの最初の行に予期しないトークン<がある。
-
[解決済み] AngularJsで外部リソースが読み込まれない