javascript - 为什么 ng-repeat 在使用 angular 的指令中不起作用？

Question

我正在尝试在 mu 页面中使用指令。我正在尝试将数据从 Controller 发送到指令。我正在尝试使用 ng-repeat 显示数据。

这是我正在应用 ng-repeat 。

  <div class="container">
            <!--Row with two equal columns-->
            <div class="row " ng-repeat='d in data'>
                <div class="col-sm-3">
                    <div class="demo-content">{{d.Location}}</div>
                </div>
                <div class="col-md-7">
                    <div class="demo-content bg-alt description-ellipse">{{d.description}}</div>
                </div>
                <div class="col-md-1">
                    <div class="demo-content bg-alt">
                        <button type="button" class="btn btn-default view-now-button">VIEW NOW</button>
                    </div>
                </div>
            </div>
        </div>

我像这样制定了一个指令

.directive('listComponent', function() {

        return {
            restrict: 'E',
            scope: {
              data:'='
            },
            templateUrl: 'list.html',
            link: function(s, e, a) {

            }
        }

    })

我正在发送这样的数据

data:'=' 从这里<list-component data='h.data'></list-component>

这是我的代码 http://plnkr.co/edit/Q0GQC2Pik7m25HxQIW8H?p=preview

Answer 1

应该是:

<div class="row " ng-repeat='d in data.jobs'>

在 list.html

或者，根据评论:

<list-component data='h.data.jobs'></list-component>

已更新 Plunker