使用变量的值查找数组中的项目

Question

我仍然无法使用var来标识数组中的对象。以下是我现在所拥有的：

在控制器

：

$scope.allbooks=[ 
{book1={title:"Eat Pray Love", price:"$3.99"}, 
{book2={title:"DaVinci Code", price:"$7.99"}} 
] 

$scope.pick=function(name){ 
    $rootScope.choice = name; 
} 

在HTML模板

<ion-item ng-click="pick(book1)"> 

{{allbooks.choice[0].title}} <----This does not work 

使用警报，以确保选择= BOOK1它确实......我不知道我在做什么错

请帮助:(

Answer 1

[ 
{book1={title:"Eat Pray Love", price:"$3.99"}, 
{book2={title:"DaVinci Code", price:"$7.99"}} 
] 

无效的javascript。如果你正试图定义一个对象字面你需要调整你的语法有点：

$scope.allbooks = [ 
    {title:"Eat Pray Love", price:"$3.99"}, 
    {title:"DaVinci Code", price:"$7.99"} 
] 

现在您可以访问每本书：

$scope.allbooks[0]; // returns first book 
$scope.allbooks[1]; // returns second book 

Answer 2

在控制器：

$scope.allbooks=[ 
    {book1:{title:"Eat Pray Love", price:"$3.99"}}, 
    {book2:{title:"DaVinci Code", price:"$7.99"}} 
]; 

$scope.choice = {}; //a variable to store your choice 

$scope.pick=function(name){ 
    $scope.choice = $scope.allbooks[name]; 
} 

的HTML模板

<ion-item ng-click="pick('book1')"> <!-- pass book1 as string --> 

{{choice.title}} 

---

---

angular.module("app", []) 
 
    .controller("main", function($scope) { 
 

 
    $scope.allbooks = { 
 
     book1: { 
 
     title: "Eat Pray Love", 
 
     price: "$3.99" 
 
     }, 
 
     book2: { 
 
     title: "DaVinci Code", 
 
     price: "$7.99" 
 
     } 
 
    }; 
 

 
    $scope.choice = {}; //a variable to store your choice 
 

 
    $scope.pick = function(name) { 
 
     $scope.choice = $scope.allbooks[name]; 
 
    } 
 

 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="main"> 
 

 
    <button ng-click="pick('book1')">Test</button> 
 
    <!-- pass book1 as string --> 
 

 
    {{choice.title}} 
 

 
</div>