Javascript 自定义指令不工作

我正试着用这个。我已将youtube视频ID存储在我的数据库中，并尝试调用它，如下所示

<div class="row" ng-show="videos.length > 0">
            <div class="col-md-4 img-portfolio" ng-repeat="data in videos">
                <a href="portfolio-item.html">
                        <youtube-video video-id="{data.videoYTID}}"></youtube-video>                
                </a>
                <h3>
                    <a href="portfolio-item.html">{{data.videoTitle}}</a>
                </h3>
                <p>{{data.videoYTID}}</p>
                <p>{{data.category}}</p>
            </div>
        </div>

您可以查看访问

但它似乎不起作用。它只是显示如下所示的对象

当我尝试将id直接传递给$scope变量时，它正常工作。如下

app.controller('listCtrl', function ($scope, services) {
services.getVideos().then(function(data){
    $scope.videos = data.data;
    $scope.videos2  = 'smSrt93dtf'  
});
});


<div class="row" ng-show="videos.length > 0">
                <div class="col-md-4 img-portfolio" ng-repeat="data in videos">
                    <a href="portfolio-item.html">
                            <youtube-video video-id="smSrt93dtf"></youtube-video>                
                    </a>
                    <h3>
                        <a href="portfolio-item.html">{{data.videoTitle}}</a>
                    </h3>
                    <p>{{data.videoYTID}}</p>
                    <p>{{data.category}}</p>
                </div>
            </div>

---

我是angularjs的初学者。任何帮助都将不胜感激。

R您缺少{in{data.videoYTID}}否。这是我粘贴它时的错误。控制台中一定有错误，它说了什么？您是否像这样注入了youtube。。。angular.module'myApp'，['youtube-embed']；我已经用控制台错误更新了问题。

app.controller('listCtrl', function ($scope, services) {
services.getVideos().then(function(data){
    $scope.videos = data.data;
    $scope.videos2  = 'smSrt93dtf'  
});
});


<div class="row" ng-show="videos.length > 0">
                <div class="col-md-4 img-portfolio" ng-repeat="data in videos">
                    <a href="portfolio-item.html">
                            <youtube-video video-id="smSrt93dtf"></youtube-video>                
                    </a>
                    <h3>
                        <a href="portfolio-item.html">{{data.videoTitle}}</a>
                    </h3>
                    <p>{{data.videoYTID}}</p>
                    <p>{{data.category}}</p>
                </div>
            </div>

[{"videoNumber":"170","videoTitle":"Venkateshwaran Selvaraj","videoYTID":"sMKoNBRZM1M","category":"22 Nothing"},{"videoNumber":"168","videoTitle":"American Souvenirs","videoYTID":"sMKoNBRZM1M","category":"149 Spinnaker Dr."},{"videoNumber":"167","videoTitle":"Herkku Gifts","videoYTID":"sMKoNBRZM1M","category":"Brehmen St. 121"}]