Угловой компонент 1.x templateUrl не отображается в DOM

Question

Угловой компонент 1.x templateUrl не отображается в DOM

0

У меня есть настройка моего компонента так:

// app/my-component/my-component.js
app.component('myComponent', {
    bindings: {
        bindingA: '=',
        bindingB: '='
    },
    templateUrl: 'app/my-component/my-component.tpl.html',
    controller: MyComponentCtrl
});

// app/my-component/my-component.tpl.html
<div>
    <input type="text" ng-model="$ctrl.bindingA" />
    <input type="text" ng-model="$ctrl.bindingB" />
</div>

Ошибок не возникает; мой файл шаблонов проявляется просто в Chrome Dev Tools. Предварительный просмотр сети XHR-запроса отображается правильно, но он просто не будет отображаться в DOM...

Если я поменю templateUrl с template, строка будет отображаться только в DOM.

Есть идеи?

Pat Migliaccio 02 авг. 2016, в 20:49

Источник

0

Ваша консоль выдает ошибку, как 404?
Michelangelo 02 авг. 2016, в 18:27
0

@ Майки Нет. Приходит как 200, и я даже могу просмотреть шаблон в инструментах разработчика. Просто не появится на DOM даже с проверкой. Одна вещь, в которой я не уверен, повлияет на это, но родительский элемент компонента скрывается при загрузке страницы, а затем отображается после нескольких пользовательских событий.
Pat Migliaccio 02 авг. 2016, в 18:30
1

@Xgongiveittoya Что? Именно в этом и заключается другой вопрос, не делайте этого!
Michelangelo 02 авг. 2016, в 18:30
0

@ Микки, да, мои извинения, я перевернул это в своем мозгу.
Xgongiveittoya 02 авг. 2016, в 18:30
0

@Xgongiveittoya Нет проблем. Мы все делаем ошибки :)
Michelangelo 02 авг. 2016, в 18:31
0

@ChuckieSullivan Это звучит очень похоже на вашу проблему. Можете ли вы удалить его из родительского элемента и посмотреть, работает ли он?
Michelangelo 02 авг. 2016, в 18:32
0

@Mikey Только что попробовал, не повезло.
Pat Migliaccio 02 авг. 2016, в 18:38
0

Закончилось просто встроением в JavaScript. Надеемся найти решение в ближайшее время и опубликовать ответ на это.
Pat Migliaccio 02 авг. 2016, в 18:47

Показать ещё 6 комментариев

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Ваша консоль выдает ошибку, как 404?
@ Майки Нет. Приходит как 200, и я даже могу просмотреть шаблон в инструментах разработчика. Просто не появится на DOM даже с проверкой. Одна вещь, в которой я не уверен, повлияет на это, но родительский элемент компонента скрывается при загрузке страницы, а затем отображается после нескольких пользовательских событий.
@Xgongiveittoya Что? Именно в этом и заключается другой вопрос, не делайте этого!
@ Микки, да, мои извинения, я перевернул это в своем мозгу.
@Xgongiveittoya Нет проблем. Мы все делаем ошибки :)
@ChuckieSullivan Это звучит очень похоже на вашу проблему. Можете ли вы удалить его из родительского элемента и посмотреть, работает ли он?
@Mikey Только что попробовал, не повезло.
Закончилось просто встроением в JavaScript. Надеемся найти решение в ближайшее время и опубликовать ответ на это.

Pat Migliaccio · Answer 1 · 2016-08-03T14-01-00.000Z

После того, как я хотел побить голову на клавиатуре, я понял, что этот бит кода мешал бы ответам templateUrl:

$httpProvider.interceptors.push(function() {
    return {
            'response': function (response) {
                response.data = response.data.d;

                return response;
            }
        }
    });

Просто изменено на: if (response.data.d) response.data = response.data.d;

Еще один день в жизни я расскажу вам...