2016-05-29 9 views
2

私はangularjsをかなり新しくしています。javascript Angularjsは配列から単一の値を取得します

json配列から単一の値を取得し、スコープ変数に配置します。

array(
[name] => John Doe, 
[age] => 29, 
[gender] =>male); 

そしてそれは、このスコープ変数を介して追加されます:

$scope.profile = response.data; 

どのように私は単一のAを選ぶことができるだけで、このようになりますPHPのクエリ(印刷ビュー)から配列を得たとしましょうその配列から値を取り出し、別のスコープ変数に置き換えますか?

$scope.name; $scope.age; $scope.gender; 
+0

'response.data.name'または' response.data [ 'name' を] '試してみて、$'に割り当てscope.name' – uzaif

+0

私はそれを試して、それは動作しませんでした。私は最初にjsonからオブジェクトに転送する必要があるように見えます。 – Alvin

+0

JSONオブジェクトをjavascriptで解析するか、json_encoded形式でPHPデータを送信しようとします – uzaif

答えて

1

を使用してPHPから戻ってあなたのデータを送信しjson_encode

return json_encode($array); 

その後、あなた

object { 
name: 'John Doe', 
age: '29', 
gender: 'male' 
} 
を与えるであろう

そして、それを使用してアクセスすることができます:

$scope.profile = response.data; 
// 
$scope.name = $scope.profile.name; 
$scope.age = $scope.profile.age; 
$scope.gender = $scope.profile.gender; 

例:

var app = angular.module('someApp', []) 
 
    .controller('someCtrl', function ($scope) { 
 
    
 
    var object = { 
 
     name: 'John Doe', 
 
     age: '29', 
 
     gender: 'male' 
 
    }; 
 

 
    $scope.profile = object; 
 
    
 
    $scope.name = $scope.profile.name; 
 
    $scope.age = $scope.profile.age; 
 
    $scope.gender = $scope.profile.gender; 
 
    
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="someApp" ng-controller="someCtrl">{{name}}, {{age}}, {{gender}}</div>

+1

ありがとう。 – Alvin

0
$scope.name = response.data.name; 
$scope.age = response.data.age; 
$scope.gender = response.data.gender; 

これは$scopeに追加する必要があります。

要素がJSON文字列ではなくオブジェクトに含まれていることを確認してください。あなたが他のものにとどまれば

は、またはあなたが既に持っている:

$scope.name = $scope.profile.name; 
$scope.age = $scope.profile.age; 
$scope.gender = $scope.profile.gender; 
+0

要素はまだJSON文字列にあります。最初に転送するにはどうしたらいいですか? – Alvin

+0

2番目のメソッドも機能しませんでした – Alvin

+0

JSON.parse(stringToParse); – mitchken

関連する問題