Как визуализировать двойные фигурные фигурные скобки в шаблоне директивы?

Question

Я работаю над интеграцией проверки задней части с AngularJS. Мне нужно отобразить сообщение об ошибке рядом с элементом управления. Сообщение об ошибке появляется из задней части. И элемент управления создается шаблоном директивы. Я попытался помещать пробел для сообщения об ошибке вместе с элементом управления в шаблоне, но я столкнулся с неловкой ситуацией.

Вот код:

var myDirective = angular.module('myDirective', []); 
myDirective.directive("textquestion", function() { 
    return { 
     template: '<input id="{{questionNumber}}" name="{{questionNumber}}" type="text" /><span ng-show="errors[{{questionNumber}}]">{{error[questionNumber]}}</span>', 
     restrict: 'A', 
     scope: { 
      questionNumber: 'questionNumber' 
     } 
    }; 
}) 

Как вы можете видеть, я хочу сделать {{errors['1001']}} в HTML, с «1001», являющейся фактическим questionNumber, поэтому сообщение об ошибке может быть переплетены. Но в текущем коде, поскольку errors['1001'] пуст во время рендеринга, эта часть ничего не будет отображать в html.

Может ли кто-нибудь помочь мне с тем, как сделать актуальным {{errors['1001']}} в html? Или есть лучший способ сделать это? Имейте в виду, что элемент управления динамически генерируется, поэтому номер вопроса должен быть динамическим. И это сообщение об ошибке приходит из задней части, поэтому привязка должна произойти после рендеринга.

Спасибо!

Answer 1

Вам не нужно {{}} в вашей ng-show. То, что вы проходите в ng-show уже выражение

<span ng-show="errors[questionNumber]">{{errors[questionNumber]}}</span>