2016-03-18 2 views
6

Ну ... в угловом 1.x.y являетсяtemplateUrl с функцией в angular2

angular.module('myApp', []).directive('myDirective', function(){ 
    return { 
     templateUrl : function(tElement, iAttrs){ 
      return 'http://' + iAttrs.myDirective // More... 
     } 
    } 
}); 

Но .. В Angular2

@Component({ 
    selector: 'my-Directive', 
    templateUrl: 'http://???' 
}) 
class HelloWorld { 
} 

Ну, в doc говорят только String. Как его обрабатывают как функцию в угловом2?

+0

Использование templateUrl: "HTTP: // ... – pixelbits

+0

Ее вид подобный вопрос, как [этот вопрос] (http://stackoverflow.com/questions/36071097/how-can -i-have-dynamic-templateurl-for-angleular2-component) без ответа ... –

+0

@pixelbits OP хотел иметь динамический 'templateUrl' на основе значения, переданного от родительского компонента .. тот же вопрос, который я задал вчера, но didn Не найдешь ответа ... не мог бы ты взглянуть и на мой предыдущий комментарий. –

ответ

0

Мне пришлось реализовать что-то подобное, и мое решение было таким же, как и комментарий Томаса Гассмана выше, поэтому я решил поделиться.

В настоящее время (угловой 4.4.5) декоратор @Component принимает только строку, поэтому шаблон не динамически скомпилирован, как на угловом JS. Однако вы можете реализовать несколько компонентов и динамически переключать компонент. Пример ниже:

https://stackblitz.com/edit/angular-dynamic-templateurl

+0

Идея, это храмы на сервере сказать 'errors/timeout.html',' errors/input_error.html' .... Etc –

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