16

以下の解決策を参照してください。

Parse.com Rest バックエンドに接続して、オブジェクト値からデータを表示しようとしています。

HTML(出力を確実にキャッチするために、いくつかの角度呼び出しを配置し​​ました):

<div ng-controller="MyController">
    <p>{{item}}<p>
    <p>{{items}}<p>
    <p>{{item.firstName}}<p>
    <p>{{data}}<p>

</div>

JAVASCRIPT残り:

function MyController($scope, $http) {

    $scope.items = [];
    $scope.getItems = function() {

        $http({method : 'GET',url : 'https://api.parse.com/1/classes/Professional/id', headers: { 'X-Parse-Application-Id':'XXXX', 'X-Parse-REST-API-Key':'YYYY'}})
            .success(function(data, status) {
                $scope.items = data;
            })
            .error(function(data, status) {
                alert("Error");
            });
    };
}

これは機能しません。厳密には何もしません。コンソールにメッセージすら表示されません。残りのテスター プログラムでテストすると、オブジェクト コンテンツが返されるので、残りの呼び出しが正しい資格情報を取得したことはわかっています。おそらく URL は絶対的なものであってはなりませんか? 手がかりは大歓迎です。私はそれに DAYS を費やしました。

解決:

このスレッドに回答している人々の助けのおかげで、私はこの問題の解決策を見つけることができたので、貢献したかっただけです:

Parse.com バックエンドから Json オブジェクト データを取得し、認証パラメータを渡します。

function MyController($scope, $http) {

    $scope.items = [];
    $scope.getItems = function() {

        $http({method : 'GET',url : 'https://api.parse.com/1/classes/Professional', headers: { 'X-Parse-Application-Id':'XXX', 'X-Parse-REST-API-Key':'YYY'}})
            .success(function(data, status) {
                $scope.items = data;
            })
            .error(function(data, status) {
                alert("Error");
            });
    };

ヘッダー キー オブジェクト値の周りに ' ' が必要であることに注意してください。これらの ' ' は、メソッド キーと URL キーの周りには必要ありません。

各オブジェクトのすべての「firstName」をリストするテンプレート:

<div ng-controller="MyController" ng-init="getItems()">
     <ul>
        <li ng-repeat="item in items.results"> {{item.firstName}} </li>
    </ul>
</div>

注意: 「items.results 内のアイテム」。"results" が必要なのは、戻り値が、オブジェクトをリストする JSON 配列を持つ結果フィールドを含む JSON オブジェクトであるためです。これにより、頭の痛い問題を解決できます。また、「ng-init」にも注意してください。それを配置しない場合、または getItem() への他の形式の呼び出しを使用しない場合、何も起こらず、エラーは返されません。

それが Angularjs の私の最初の試みでしたが、私はすでに恋に落ちています ^^.

4

2 に答える 2