Angular2 - przydzielenie wartości do zmiennej

Question

Dzień dobry. Jak przydzielić wartość do zmiennej z kodu?

Na razie zrobiłem coś takiego:

<div *ngIf="!(lookupModel && lookupModel[displayProperty]) && ((_items | filter:search:displayProperty).length === 1)">
   <div [lookupModelChange]="(_items | filter:search:displayProperty)">
      {{lookupModelChange[displayProperty]}}
  </div>
</div>

Ale niestety dostaje:

Can't bind to 'lookupModelChange' since it isn't a known property of 'div'.

Jakieś pomysły?

Comments

Czy lookupModelChange jest zadeklarowane w komponencie?

---

Tak, jako Output. Zmieniłem koncepcje, jutro podeślę. Ogólnie zaczęło to działać, ale przy próbie zmiany wartości wywala mi dziwny błąd ( jutro podeśle wszystko :) )

---

Jeśli korzystasz z @Output to musisz użyć EventEmittera w komponencie, któy emituje onEmit w komponencie, któy nasłuchuje:

https://angular.io/docs/ts/latest/api/core/index/EventEmitter-class.html

https://toddmotto.com/component-events-event-emitter-output-angular-2

---

Wiem wiem. Wszystko zrobione przez Emittera :)

Jutro Ci podeśle inne rozwiązanie, niestety to nie działa :(

---

Ale co Ty chcesz zrobić? EventEmitter - jak sama nazwa wskazuje - emituje coś. Dokąd to emitujesz? Nie widzę innego komponentu, tylko "suche" divy z atrybutami, nie ma odniesienia do innego komponentu.

---

Chce przypisać wartość z (_items | filter:search:displayProperty) do naszego Outputa. Powyższy kod jest zły, ponieważ w czasie emitowania wartość z lookupModelChange jest nieznana, dlatego też zmieniłem ten kod na inny. Niestety w tym momencie nie mam dostępu do kodu :)

---

Jeśli wartość podczas emitowania jest nieznana, to dodaj metodę ngOnChanges, która jako parametr przekazuje wartości zmienione podczas jednego cyklu event loop'a. Tam sprawdzaj, czy Twoja zmienna ma to, co chcesz i wtedy dopiero ją emituj (lub skorzystaj z jakiejś flagi, która pozwoli na emitowanie w innej metodzie komponentu).

---

A tak na przyszłość. Jak przypisać zmiennej z kodu wartość zmiennej lokalnej z elementu blokowego?

---

Zmiennej z wyższego scope chcesz przypisać wartość zmiennej scope blokowego (czyli let/const)? Raczej normalnie :)

class Test() {
    highScopeVariable: number = 0;

    someMethod(): void {
        const methodVariable: number = 123;

        if ( someCondition === true ) {
            let blockScopeVariable: number = methodVariable + 4;

            this.highScopeVariable = blockScopeVariable;
        }
    }    
}

 

---

Nie nie nie. Chodzi mi o zmienną z elementu blokowego, powiedzmy taką

*ngFor="let item of items"

jak przypisać taką zmienną item do naszej zmiennej z kodu?

---

Przekaż ją jako parametr funkcji do komponentu (pliku .ts), a we wnętrzu funkcji zrób z nią co chcesz.

---

No tak, ale z jakiej racji wywoływać tą funkcje? Chyba, że jest jakiś mechanizm, dzięki któremu możemy wywołać funkcje gdy zmienna po prostu zaczęła istnieć. 

No bo wywołać funkcje przez clicka czy inne rzeczy łatwo, ale gdy zmienna jest gotowa?

coś jak to?

<div *ngIf="naszaZmienna" wywołanieFunkcji(naszaZmienna)>
</div>

No, nie mam pojęcia jak :D

---

Po prostu:

<div *ngIf="naszaZmienna">
    {{ wywołanieFunkcji(naszaZmienna) }}
</div>

 

---

O jezu. No nie wierzę. Nigdzie o tym nie doczytałem. Dzięki wielkie.

<3