Угловая пользовательская функция директивной ссылки не принимает «ограничение»

Question

Я просто играю с пользовательской директивой, примером которой я пользуюсь here.

Как это показывает, как ожидалось, но как только я добавить restrict: 'E' к области, как и в plunker файле car.js как в следующем (раскомментировать линии)

function CarCard() { 

return { 
    scope: { 
    // restrict: 'E', // uncomment this and it breaks 
    car: '=' 
    }, 

Я получаю

Недопустимое определение области изоляции для директивы 'myCarCard'. Определение: {... ограничение: «E» ...}

Я смотрел на DOCO в течение нескольких часов, я просто не могу видеть, что здесь не так (я уверен, что я прописана restrict и 'E' правильно.

Хотя это работает без него, я очень хотел бы знать, почему мой ограничение не работает.

Любая помощь очень ценится!

Answer 1

restrict должен быть вне scope.

Если вы поместили его в область видимости, он рассмотрит его как свойство области действия и проверит привязки.

Привязки с прицелом: @, =, &.

Так что ваш restrict: 'E', внутри scope недействителен.

попробовать, как этот

restrict: 'E', 
    scope: { 
    car: '=' 
    }, 

PLNKR