AngularJs If/Else in template

Question

Я пытаюсь создать динамические элементы в шаблоне с помощью angularjs, но при создании мне нужно проверить некоторые данные, поэтому я хочу использовать if else в шаблоне для создания необходимых данных. Когда я использую он, как и мой код, дает ошибки.

Моя директива;

app.directive('myfunc', [ 
'$timeout', function($timeout) { 
    return { 
restrict: 'E', 
controller: function($scope) {.......}, 
template:"<div class='myclass'> "+if(data=='something'){+"<input type='checkbox'>"+}+"</div>" , ............. 

Как создать необходимые элементы с помощью if else в шаблоне?

Answer 1

Вы можете использовать директиву ng-if. Альтернативно ng-show и ng-hide. В случае, если вам нужна дополнительная логика, я бы настоятельно рекомендовал добавить эту дополнительную логику в код js, который был бы контроллером, службой или самой директивой. Другой вариант - использовать templateUrl: function() ... где у вас может быть логика для использования определенного шаблона