2017-02-20 15 views
1

Я пытаюсь создать простое угловое приложение. Его логика выглядит следующим образом:Угловой не удается разобрать привязку данных в директиве

  1. Введите название города (например: Хайфон)

  2. нажмите кнопку поиска -> Там будет результат showed-> Нажмите на результат -> Карта обновляется в новое местоположение -> щелкните по маркеру -> Будет отображаться информационное окно, чтобы показать информацию.

Однако направление, похоже, сохраняет выражение как оригинальное. У тебя есть идеи?

enter image description here

Это то, что я использовал, чтобы получить информацию ящик (внутри контроллера), вы можете увидеть в деталях plunker ссылка:

$scope.getInfoBoxContent = function (index) { var content = '<div today-info-directive details="' + index +'"></div>'; var compiled = $compile(content)($scope); console.log('compiled', compiled); return compiled[0]; }

http://plnkr.co/edit/pHjqHGNupAZnO5ORSjQW?p=preview

Директива кажется включить его шаблон, но не анализировать выражение (например: {{1 + 2}})

Спасибо в продвинутом !!!

ответ

1

use templateUrl, удалите все символы символов '\', скопируйте шаблон директивы в другой файл и укажите его url для шаблонаUrl директивы. посмотрите, работает ли он. просто испытал на вашей скрипке, и он сделал

+0

Спасибо! Это сработало!!! Однако я понятия не имею о разнице между помещением содержимого внутри свойства шаблона и определенного файла. Это здорово, если вы дадите мне объяснение этому любопытству. Кстати, вы ответили, что спасли мою жизнь^ – vuquanghoang

+1

, чтобы сказать вам правду, я понятия не имею, почему это сработало. Все, что я знаю, это то, что я обижаю многострочные строки, и обычно рекомендуется использовать отдельные файлы для каждого шаблона, который у вас есть. Однако, если вы хотите использовать несколько линий, используйте es6 . Вместо того, чтобы использовать обратную форму вместо –

+0

Спасибо за рекомендацию !!! – vuquanghoang

 Смежные вопросы

  • Нет связанных вопросов^_^