Передаёт строку в AngularJS директиву

Question

Я хочу передать строку в угловой директивы,

<person first-name="Don" last-name="Dood"></person> 
<person first-name="James" last-name="Jawalla"></person> 

и получить этот результат HTML:

<p>Don Dood</p> 
<p>James Jawalla</p> 

Вот что я в настоящее время.

Директива:

.directive('person', function(){ 
    return { 
    scope: { 
     firstName: '@', 
     lastName: '@' 
    }, 
    templateUrl: 'person-template.html' 
    } 
}); 

люди-template.html

<p>{{ firstName }} {{ lastName }}</p> 

Однако нет значения, появляющегося на ПгвЬЫат или LastName. Что мне не хватает?

Это простой вопрос, поэтому я удивлен, что нет хорошего ответа на SO. Ближе всего я обнаружил, что это question, но он не говорит, как показать строку в HTML.

Answer 1

«@» - это правильная привязка к сфере, используемая здесь, когда строки передаются в директиву.

Я считаю, что вам не хватает ограничения: «E» в вашем DDO, но кроме этого ваш код в порядке.

Answer 2

Nevermind, этот код работает. У меня была ошибка в другом месте моего кода, который заставлял это работать не так. Не удается удалить, так как он уже имеет ответ.

Напоминание: если вы передаете строку в качестве атрибута, используйте знак @ (как и в вопросе). Если вы передаете объект, переменную и т. Д., И вы хотите, чтобы он был двусторонним, используйте знак =.