yönerge tanımında çok satırlı şablon

Question

Yönlendirici bir şablon çok satırlı yapmaya çalışıyorum. Mümkün mü?

myApp.directive('myDir', function() { 
return { 
    restrict: 'E',   
    template: '<div> 
       |Hello, 
       |{{test}}! 
       |</div>' 
    }; 
}); 

Burada ne demek istediğimi görmek için bir Fiddle bu.

Answer 1

Her satırın sonunda "\" kullanın.

myApp.directive('myDir', function() { 
return { 
    restrict: 'E',   
    template: '<div>\ 
       |Hello,\ 
       |{{test}}!\ 
       |</div>' 
}; 

Burada Fiddle

Answer 2

Ayrıca ben daha iyi görünüyor düşünüyorum bu, hangi ulaşmak için JavaScript işlevinin join() faydalanmak olabilir bu.

myApp.directive('myDir', function() { 
    return { 
     restrict: 'E', 
     template: ['<div>', 
      'Hello, ', 
      '{{test}}!', 
      '</div>'].join(''), 
    }; 
}); 

JSFiddle burada (Daha iyi görünmesi için | 's kaldırıldı).

Answer 3

Ayrıca birleştirerek, bireysel dizeleri:

myApp.directive('myDir', function() { 
return { 
    restrict: 'E',   
    template: '<div>' + 
      'Hello,' + 
      '{{test}}!' + 
      '</div>' 
    }; 
}); 

Answer 4

Sadece çok satırlı şablon için tilde (`) aşağıda sembolü kullanabilirsiniz öğrendim

myApp.directive('myDir', function() { 
    return { 
     restrict: 'E',   
     template: `<div> 
       |Hello, 
       |{{test}}! 
       |</div>` 
    }; 
}); 

Answer 5

Tek tek dizeleri arada kullanabilirsiniz ve, artıları her satırın başına, sonunda yerine koymak. Bu, 4-alan bir tabstop kullanırsanız güzel çalışır: template, 8 karakter uzunluğundadır, böylece tüm artılar, kolonun hemen altında sıralanır.

myApp.directive('myDir', function() { 
return { 
    restrict: 'E',   
    template: '<div>' 
      + 'Hello, ' 
      + '{{test}}!' 
      + '</div>' 
    }; 
}); 

İşte JSFiddle.