Angularjs 单击时将值传递到模式窗口

im构建的测试应用程序有两个数据列表

1) books 
2) borrower details

我列出所有可用的书籍，如果已经借阅，我会显示它们的名称和借阅状态

我想要实现的是，

当我列出所有书籍时，用户将能够单击并显示引导模式。现在它显示了书的细节。但是如果这本书是借的，我需要向借书人显示详细信息，如姓名、身份证号码。。。连同书的细节

这就是我尝试过的

HTML

<div class="available" ng-repeat="book in books" ng-click="popup(book)">
    {{book.book_name}}
    <div ng-repeat="borrower in borrowers">
        <div class="not_available" ng-show="borrower.book_id==book.book_id>
          {{book.book_name}} is already borrowed by {{borrower.name}}
        </div>
   </div>

如何做到这一点

---

谢谢

因为您已经在

$scope.bookers

中找到了借款人信息，可以使用

Array.prototype.filter（）

libcontroller

---

您可以通过db或其他一些逻辑为您的\u书找到借款人，并将其写入

解析

，就像

书

一样。因此，代码变成：

$scope.popup = function(_book) {
        var _borrower = YOUR LOGIC TO GET BORROWER FOR BOOK
        var modalInstance = $modal.open({
            controller: "libcontroller",
            templateUrl: 'myContent.html',
            resolve: {
                book: function()
                {
                    return _book;
                },
                borrowers: function(){
                    return _borrower
                }
            }
        });
    };

现在，您可以在

libscoontroller

中轻松使用

book

和

借款人

，方法如下：

function libcontroller($scope, $modalInstance, book, borrowers)
{
    $scope.book = book;
    $scope.borrowers = borrowers;
}

---

什么不起作用？谢谢。。。这是个小问题。。我无法单独访问这些值…当我键入

{{{借款人}}

时，它会显示所有值。。但当我试图单独访问行

借款人.name

时，它总是empty@Learner，这里是一个数组。试试

借贷者[0]。名字
在像这样的
{“id”：“1”，但在借贷者身上，它显示为
[{“id”：“1”，“1”
，带有方括号…是因为这个吗？啊..好吧..现在工作了..但我必须始终给数组赋值吗？
function libcontroller($scope, $modalInstance, book, borrowers){
    $scope.book = book;
    $scope.borrowers = borrowers;
}

$scope.popup = function(_book) {
        var _borrower = YOUR LOGIC TO GET BORROWER FOR BOOK
        var modalInstance = $modal.open({
            controller: "libcontroller",
            templateUrl: 'myContent.html',
            resolve: {
                book: function()
                {
                    return _book;
                },
                borrowers: function(){
                    return _borrower
                }
            }
        });
    };

function libcontroller($scope, $modalInstance, book, borrowers)
{
    $scope.book = book;
    $scope.borrowers = borrowers;
}