Nano Hash - криптовалюты, майнинг, программирование

соединение полимерных компонентов и угловых контроллеров

Я только начал экспериментировать с polymer и пытаюсь использовать его вместе с AngularJS в одном одностраничном приложении. Поэтому я взял два polymer-ui-components: polymer-ui-sidebar-menu и polymer-ui-pages. Каждый раз, когда пользователь выбирает элемент на боковой панели, компонент страницы должен отображать этот элемент с тем же индексом...

Но как соединить эти два компонента?

Я пытался использовать событие onclick из меню, но это не работает должным образом.

Может быть, во всемирной паутине есть какие-нибудь полезные документы о полимере, кроме их собственной документации?

ОБНОВЛЕНИЕ:

HTML:

<polymer-ui-sidebar-menu label=Channels>
  <polymer-ui-menu-item ng-repeat="channel in channels"
    ng-click=select($index)
    label="{{ channel }}"
    icon=menu>
  </polymer-ui-menu-item>
</polymer-ui-sidebar-menu>
<polymer-ui-pages>
  <span ng-repeat="channel in channels">content: {{ channel }}</span>
</polymer-ui-pages>

Контроллер:

$scope.select = function (index) {
  angular.element("polymer-ui-sidebar-menu")[0].selected = idx;
  angular.element("polymer-ui-pages")[0].selected = idx;
};

Чтобы селектор в angular.element(selector) работал, необходимо включить jquery перед angular и polymer перед jquery!

angularjs polymer
02.11.2013

Ответы:


1

Я сделал видео, демонстрирующее, как веб-компонент (элемент Polymer) может общаться с директивой Angular: http://www.youtube.com/watch?v=p1NpZ-0Op0w&list=PLRAVCSU_HVYu-zlRaqArF8Ytwz1jlMOIM&index=1

Пример в этом видео-данных связывает атрибуты компонентов с помощью функции привязки данных Angular, но вы должны иметь возможность использовать другие функции, чтобы все заработало. Пробовали ли вы добавить ng-click к <polymer-ui-sidebar-menu>?

02.11.2013
  • Я нашел ваше видео через несколько минут после своего сообщения и попытался использовать ваши примеры для своего приложения, потому что на самом деле мне нужно tabs... Плохая новость: я открыл ссылку, показанную в видео и ничего не видел! Хорошие новости: я нашел ваш соответствующий репозиторий на github и с тех пор пытался заставить его работать... Но до сих пор. без везения. На самом деле я использую закомментированную полимерную версию tabs.html, потому что это кажется вам предпочтительным способом? На данный момент я вижу свой tabs heading и белое поле внизу, но вкладок нет. Также я написал вопрос на github. Было бы здорово, если бы вы могли мне помочь! С уважением 02.11.2013
  • Обновлен код с учетом последних изменений API. Все должно снова заработать. Первый (с комментариями) <polymer-element> использует точки вставки и, вероятно, является лучшим способом создания вкладок. Второй способ (без комментариев) больше похож на версию Angular, поэтому он выделен в видео. 04.11.2013
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..