AngularJS Expression разрывается с помощью StencilJS - PullRequest
Новая
       58

AngularJS Expression разрывается с помощью StencilJS

2 голосов
/ 22 октября 2019

У меня есть пользовательский веб-компонент выбора, созданный с помощью StencilJS, и я использую его в AngularJS следующим образом: 

<my-select>
  <my-option ng-repeat="item in items">
    {{item.value}}
  </my-option>
</my-select>

Проблема заключается в том, что всякий раз, когда я помещаю новый элемент в массив items (items.push({key: 'some', value: 'Some Value'})), выражение, кажется, печатает также свой собственный синтаксис в DOM, например:

enter image description here

Это структура компонента <my-option> StencilJS:

render() {
  return (
    <div class="option-container" onClick={this.selectOption(this)}>
      <slot />
    </div>
  );
}

Буду очень признателен за любую помощь. Спасибо.

1 Ответ

0 голосов
/ 27 октября 2019

Вы пробовали какой-нибудь более новый браузер, такой как новейший Firefox или Chrome? Я столкнулся с некоторыми действительно глупыми проблемами, потому что Edge Browser, например, изначально отображает тег <slot как String и просто визуализирует innerHTML один раз. Другой браузер сохранит слот как элемент DOM, чтобы он был более динамичным.

...