Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.01.2017, 13:33
Интересующийся
Отправить личное сообщение для Digan Посмотреть профиль Найти все сообщения от Digan
 
Регистрация: 08.10.2012
Сообщений: 12

Angular 2. Переписываю компонент с knockout
Неплохо знаю knockout. Хочу разобраться с Angular 2. Решил, что неплохой практикой будет переписать свой же компонент с knockout на Angular 2.

Для knockout теймплейт выглядит примерно так:
<script type="text/html" id="templateName">
<li>
  <span data-bind="text: Text"><span>
</li>
    <!-- ko with: Nodes -->
    <!-- ko template: { name: 'templateName', foreach: $data } -->      <!-- /ko -->
    <!-- /ko -->
</script>

т.е. теймплейт внутри себя использует себя же для отображения Nodes. Как такое для Angular 2 сделать?

Последний раз редактировалось Digan, 03.01.2017 в 13:36.
Ответить с цитированием
  #2 (permalink)  
Старый 06.01.2017, 02:06
Интересующийся
Отправить личное сообщение для Digan Посмотреть профиль Найти все сообщения от Digan
 
Регистрация: 08.10.2012
Сообщений: 12

Вроде нашел решение.
<template #templateName let-node>
        <li>
            <span>{{node.Text}}</span>
        </li>
        <template ngFor [ngForOf]="node.Nodes" [ngForTemplate]="templateName" let-i="index"></template>
    </template>
    <ul class="list-group">
        <template ngFor [ngForOf]="nodes" [ngForTemplate]="templateName" let-i="index"></template>
    </ul>


Два общих вопроса, которые меня волнуют:

1. Как убрать из кода комментарии типа ng-reflect-?

2. Почему @angular/compiler/bundles/compiler.umd.js и @angular/core/bundles/core.umd.js грузятся каждый по 2 секунды? Они вместе весят всего 300 кб. Причем загрузка происходит с диска, а не с какого-нибудь CDN.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Ищу Senior Frontend (React, Angular), Москва, 140 - 180 000 gross, full time офис. Ekaterina Polyakova Работа 0 11.08.2016 19:07
как подружить angular и Laravel schel4ok Angular.js 0 19.06.2016 21:23
Angular task workflow mardoksp Angular.js 0 15.02.2016 21:34
Разметка для Google closure compiler monolithed Оффтопик 11 04.09.2013 00:50
Angular и динамический контент Diem Angular.js 1 26.07.2013 18:57