Неожиданный токен Ошибка при привязке переменной к дочерней директиве

Question

У меня есть две директивы. Один являющийся потомком другого:

.directive("mbVideo", function(mbFileReader){ 

    return { 

    restrict : "EA", 
    scope: { 
     "videoModel" : '=model' 
    }, 
    templateUrl: 'mbUpload/mbVideo.tpl.html', 

    link: function($scope,el, attr){ 


    } 
    }; 
}) 

.directive("mbVideoThumb", function(){ 

    return { 

     restrict : "EA", 
     scope: { 
      "thumbModel" : '=thumbModel', 
      "videoModel" : '=videoModel' 
     }, 
     template: '<mb-video model="{{videoModel}}"></mb-video> <input ng-click="getThumb()" type="button" value="Thumbnail"><img id="{{thumbId}}" class="mb-video-thumb" src="{{thumb}}">', 

     link: function($scope,elem, attr){ 


     } 
    }; 
}); 

Я получаю эту ошибку: «Ошибка: [$ синтаксического анализа: синтаксис] Ошибка синтаксиса:„videoModel“Токен неожиданным, ожидая [:] в колонке 3 выражения [{{videoModel}}], начиная с [videoModel}}]. "

Что я делаю неправильно?

Answer 1

Я собираюсь угадать, что videoModel - это строка; если у вас есть привязка углов в кавычках, а связанная переменная - строка, ошибка Угловая. К счастью, есть легкое исправление:

model="'{{videoModel}}'"