将对象中的配对数据绑定到ng-重复角以外的另一个元素。

Question

我有一个需要处理的对象数组：

$scope.pdfs = [
  { "pdf_title": "Corporate Hire", "attached_file": "http://file1.jpg"},
  { "pdf_title": "Wedding Hire", "attached_file": "http://file2.jpg"},
  { "pdf_title": "Filming Hire", "attached_file": "http://file3.jpg"}
];

pdf_file值在li中是ng-重复的.

我想要做的是，如果单击了li，将它的配对推到另一个div，比如src表示一个href。

以下是我的工作，但不完全正确：

控制器功能：

$scope.bindWithFile = function(value) {
            var currentValue = $scope.corpResult = value;

        // pdfs support
        var pdfs = $scope.pdfs;

        for (var i = pdfs.length - 1; i >= 0; i--) {
            if (currentValue == hasOwnProperty(key[pdfs])) {
                value[pdfs] = $scope.corpLinkHref;
            }
        };

标记：

<div class="w-12" ng-controller="corpHireController">
    <div class="c-6-set">
        <ul>
            <li ng-repeat="pdf in pdfs" class="col-7 link link-inherit" ng-click="bindWithFile(pdf.pdf_title)">{{::pdf.pdf_title}}</li>
        </ul>
    </div>
    <div class="c-6-set">
        <div class="w-12">
            <i class="fs-4 col-7 icon icon-pdf"></i>
        </div>
        <span class="col-7 h4" ng-bind="corpResult"></span>
        <button ng-href="{{::corpLinkHref}}" class="button green2-button smaller-letters full-width">Download</button>
    </div>
</div>

所需：单击左边的标题，将pdf_title绑定到pdf图标下，并将attached_file绑定到按钮的href

​

​

Answer 1

与其传递所选pdf的title，不如传递整个对象。这样，您就不必执行任何find或search函数。

标记：

<div class="w-12" ng-controller="corpHireController">
  <div class="c-6-set">
    <ul>
      <li ng-repeat="pdf in pdfs" class="col-7 link link-inherit" 
          ng-click="bindWithFile(pdf)">
        {{::pdf.pdf_title}}
      </li>
    </ul>
  </div>
  <div class="c-6-set">
    <div class="w-12">
      <i class="fs-4 col-7 icon icon-pdf"></i>
    </div>
    <span class="col-7 h4" ng-bind="corpResult"></span>
    <button ng-href="{{::corpLinkHref}}" 
            class="button green2-button smaller-letters full-width">
      Download
    </button>
  </div>
</div>

控制器

$scope.bindWithFile = function(selectedPdf) {
  $scope.corpResult = selectedPdf.pdf_title;
  $scope.corpLinkHref = selectedPdf.attached_file;
}