Как правильно запустить обновление observer в Angular 2?

Алексей Зуев: Заработало! Гениально! Плюс 100500 вам в карму! БОЛЬШОЕ СПАСИБО) А то я себе уже весь мозг вынес)))

Как правильно запустить обновление observer в Angular 2?

EXCEPTION: EXCEPTION: Error during instantiation of UsersList!.
ORIGINAL EXCEPTION: TypeError: Cannot read property 'run' of undefined
ORIGINAL STACKTRACE:
TypeError: Cannot read property 'run' of undefined
    at SafeSubscriber._next (http://192.168.0.77:8000/dist/bundle.js:53552:23)
    at SafeSubscriber.__tryOrUnsub (http://192.168.0.77:8000/dist/bundle.js:50270:16)
    at SafeSubscriber.next (http://192.168.0.77:8000/dist/bundle.js:50219:22)
    at Subscriber._next (http://192.168.0.77:8000/dist/bundle.js:50169:26)
    at Subscriber.next (http://192.168.0.77:8000/dist/bundle.js:50133:18)
    at UsersService.fetchUsers (http://192.168.0.77:8000/dist/bundle.js:53653:29)
    at new UsersList (http://192.168.0.77:8000/dist/bundle.js:53556:22)
    at http://192.168.0.77:8000/dist/bundle.js:25535:51
    at Injector._instantiate (http://192.168.0.77:8000/dist/bundle.js:19318:27)
    at Injector._instantiateProvider (http://192.168.0.77:8000/dist/bundle.js:19256:25)
ERROR CONTEXT:
[object Object] in [IsUser() in UsersApp@47:39]
node_modules\angular2\src\platform\browser\diffing_plugin_wrapper-output_path-jakXnMmL.tmp\angular2…:73 EXCEPTION: EXCEPTION: Error during instantiation of UsersList!.
ORIGINAL EXCEPTION: TypeError: Cannot read property 'run' of undefined
ORIGINAL STACKTRACE:
TypeError: Cannot read property 'run' of undefined
    at SafeSubscriber._next (http://192.168.0.77:8000/dist/bundle.js:53552:23)
    at SafeSubscriber.__tryOrUnsub (http://192.168.0.77:8000/dist/bundle.js:50270:16)
    at SafeSubscriber.next (http://192.168.0.77:8000/dist/bundle.js:50219:22)
    at Subscriber._next (http://192.168.0.77:8000/dist/bundle.js:50169:26)
    at Subscriber.next (http://192.168.0.77:8000/dist/bundle.js:50133:18)
    at UsersService.fetchUsers (http://192.168.0.77:8000/dist/bundle.js:53653:29)
    at new UsersList (http://192.168.0.77:8000/dist/bundle.js:53556:22)
    at http://192.168.0.77:8000/dist/bundle.js:25535:51
    at Injector._instantiate (http://192.168.0.77:8000/dist/bundle.js:19318:27)
    at Injector._instantiateProvider (http://192.168.0.77:8000/dist/bundle.js:19256:25)
ERROR CONTEXT:
[object Object] in [IsUser() in UsersApp@47:39]

Как правильно запустить обновление observer в Angular 2?

Вот код сейчас, немного видоизменен но не критично.

import {Component, Inject, NgZone} from 'angular2/core';
import {UsersService} from '../services/UsersService';

@Component({
    selector: 'users-list',
    template: `

            
            <div class="list-group">
                <a href="#" class="list-group-item" *ngFor="#user of currentUsers">
                    <div class="media" >
                      <a class="pull-left" href="#">
                        <img class="media-object img-circle" src="{{ user.photo_50}}" alt="Аватар пользователя">
                      </a>
                      <div class="media-body">
                        <h4 class="media-heading">{{ user.first_name }} {{ user.last_name }}</h4>
                        <span class="univercity">{{user.university_name}}</span>
                      </div>
                    </div>
                </a>
            </div>
        `
})
export class UsersList {
    public currentUsers = [];

    constructor(@Inject(UsersService) private UsersService, private zone:NgZone) {
            UsersService.users.subscribe(newUsers => {
                console.log(this.zone);
                this.zone.run(()=> {
                    this.currentUsers = newUsers;
                });
        });

        UsersService.fetchUsers();

    }


}

Как правильно запустить обновление observer в Angular 2?

Да, тоже самое, Но zone действительно undefined...

Как правильно запустить обновление observer в Angular 2?

Да вроде нет,

constructor(@Inject(UsersService) private UsersService, private zone:NgZone) {
            UsersService.users.subscribe(newUsers => {
                console.log(this.zone);
                this.zone.run(()=> {
                    this.currentUsers = newUsers;
                });
        });

        UsersService.fetchUsers();

    }

Как правильно запустить обновление observer в Angular 2?

К сожалению не работает, ругается что нет метода run() в объекте zone
EXCEPTION: EXCEPTION: Error during instantiation of UsersList!.
ORIGINAL EXCEPTION: TypeError: Cannot read property 'run' of undefined

Как правильно запустить обновление observer в Angular 2?

Если вызвать в методах обработки данных функцию, setTimeout(()=>{},1000) то все работает, но это сраный костыль! Есть нормальые способы синхронизации данных с внешним API?

Как добавить папку с указанным именем перед сохраняемым файлом?

Александр Зачиналов: Написал решение, пользуйтесь вдруг пригодиться.

Как добавить папку с указанным именем перед сохраняемым файлом?

Наверное стоит пояснить, я использую готовое решение (Metronic), поэтому менять структуру папок очень трудоемко. Его создатели разбили части шаблона по модулям, т.е. модуль "global" и в нем папки css, img, scripts и plugins, а структура папок SASS соответственно просто имя модуля и в нем уже тупо файлы scss. Отсюда и возникла такая вроде простая, на первый взгляд, но трудно решаемая задача.

Как добавить папку с указанным именем перед сохраняемым файлом?

dest вызываю так - var dest = require('gulp-dest');

Как добавить папку с указанным именем перед сохраняемым файлом?

Как я и думал - не работает, комментирую строчку | .pipe(dest(':folder/:name.css ... | , все компилируется.

Как добавить папку с указанным именем перед сохраняемым файлом?

К сожалению у меня более 200 файлов в проекте, не представляю возможным перечислить их все =(

Как добавить папку с указанным именем перед сохраняемым файлом?

Lander: Да, как только комментирую 3 строчку | .pipe(dest(':folder/:name.css ... | все работает.