Questions tagged [angular2-databinding]

55 questions

vote

2 answers

Angular - Uncaught Error: Cannot assign to a reference or variable

I have an Angular 8 app. app.component.html

Agree?

But this is…

asked Sep 06 '19 at 13:13

Kgn-web

7,047
24
95
161

vote

2 answers

Angular 2+ One way data binding from view target to data source

In my angular application, I have a element that allows a user to set a description value. I want that value to be acceccable in the Data Source. I got this to work using 2-way data binding, as shown below:

<div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Aug 15 '18 at 13:31">asked Aug 15 '18 at 13:31</time>
    <a href="../../users/3034741/nmg49" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/3034741.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="nmg49" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/3034741/nmg49" class="s-user-card--link">nmg49</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">1,356</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="11 silver badge">11</li>
            <li class="s-award-bling s-award-bling__bronze" title="28 bronze badge">28</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-50998199">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/50998199/data-binding-inside-ngfor" class="question-hyperlink">Data binding inside ngFor</a></h3>
        <div class="excerpt">I am working on a project, where I am getting questions from backend with multiple options. Now in one of question type - Multi choice grid question, we are trying to create view like this

for that in the html, I have written this code,
<!-- Multi…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/ngfor" class="post-tag grid--cell" title="show questions tagged 'ngfor'" rel="tag">ngfor</a> 
                
                <a href="../../questions/tagged/angular6" class="post-tag grid--cell" title="show questions tagged 'angular6'" rel="tag">angular6</a> 
                
                <a href="../../questions/tagged/form-control" class="post-tag grid--cell" title="show questions tagged 'form-control'" rel="tag">form-control</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 23 '18 at 05:21">asked Jun 23 '18 at 05:21</time>
    <a href="../../users/7693348/bhargavg" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/7693348.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="BhargavG" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/7693348/bhargavg" class="s-user-card--link">BhargavG</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">896</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="6 silver badge">6</li>
            <li class="s-award-bling s-award-bling__bronze" title="15 bronze badge">15</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-47310388">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/47310388/angular-tutorial-tour-of-heroes-lesson-2-data-binding-to-hero-from-selectedher" class="question-hyperlink">Angular Tutorial: Tour of Heroes lesson 2: data binding to hero from selectedHero</a></h3>
        <div class="excerpt">In Angular tutorial lesson 2 on https://embed.plnkr.co/?show=preview
I can see in HeroComponent template, [(ngModel)] is 2-way binding the selectedHero.name as the input value changes. How come it's binding and changing {{hero.name}} 1-way…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Nov 15 '17 at 14:47">asked Nov 15 '17 at 14:47</time>
    <a href="../../users/8945774/haiderfuad" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/8945774.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="haiderfuad" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/8945774/haiderfuad" class="s-user-card--link">haiderfuad</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">11</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="3 bronze badges">3</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-45341031">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status ">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/45341031/even-though-pagination-works-for-the-datatable-but-angular2-datatable-not-disp" class="question-hyperlink">even though pagination works for the datatable but angular2-datatable not displaying data</a></h3>
        <div class="excerpt">I am getting the response as an array of size 9 from one rest service, and that response I am assigning to angular2-datatable [mfData] property.
On button click I am opening one modal and inside that I am displaying this datatable, but pagination…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jul 27 '17 at 03:46">asked Jul 27 '17 at 03:46</time>
    <a href="../../users/4834907/pujan-shah" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4834907.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Pujan Shah" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4834907/pujan-shah" class="s-user-card--link">Pujan Shah</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">775</li>
            
            <li class="s-award-bling s-award-bling__silver" title="10 silver badges">10</li>
            <li class="s-award-bling s-award-bling__bronze" title="15 bronze badges">15</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-44652179">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/44652179/angular2-can-i-process-output-return-value-with-arrow-function-instead-of-meth" class="question-hyperlink">Angular2: Can I process @Output return value with arrow function instead of method</a></h3>
        <div class="excerpt">I have an Angular2 app which has a parent component (AppComponent) and several child components. One of them (DnDContainer) has an @Output variable like this:
@Output() onDataUpdate: EventEmitter<any> = new EventEmitter();

Inside DnDContainer,…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular2-template" class="post-tag grid--cell" title="show questions tagged 'angular2-template'" rel="tag">angular2-template</a> 
                
                <a href="../../questions/tagged/arrow-functions" class="post-tag grid--cell" title="show questions tagged 'arrow-functions'" rel="tag">arrow-functions</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 20 '17 at 11:45">asked Jun 20 '17 at 11:45</time>
    <a href="../../users/7849203/fel" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/7849203.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Fel" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/7849203/fel" class="s-user-card--link">Fel</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">4,428</li>
            <li class="s-award-bling s-award-bling__gold" title="9 gold badges">9</li>
            <li class="s-award-bling s-award-bling__silver" title="43 silver badges">43</li>
            <li class="s-award-bling s-award-bling__bronze" title="94 bronze badges">94</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-44470856">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status ">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/44470856/bind-text-to-a-selected-drop-down-list-value-in-angular-2" class="question-hyperlink">Bind text to a selected drop down list value in angular 2</a></h3>
        <div class="excerpt">I have a drop down list in a citylist component template.
<select [(ngModel)]="selectedCity.id">
 <option *ngFor="let cty of cityarray" [ngValue]= "cty.id"> 
    {{cty.name}}
 </option>
</select>
<p> </p>

And the array…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/drop-down-menu" class="post-tag grid--cell" title="show questions tagged 'drop-down-menu'" rel="tag">drop-down-menu</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 10 '17 at 07:42">asked Jun 10 '17 at 07:42</time>
    <a href="../../users/8140493/sagarpat" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/8140493.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="sagarpat" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/8140493/sagarpat" class="s-user-card--link">sagarpat</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">11</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="5 bronze badges">5</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-44354538">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/44354538/angular-sub-component-binding-doesn-t-work" class="question-hyperlink">Angular sub-component binding doesn't work</a></h3>
        <div class="excerpt">I'm trying to display message in sub-component using dependency injection.
Here is first.component.ts:
import { Component } from '@angular/core';
import { SecondComponent } from './second.component';

@Component({
  selector: 'app-first',
 …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular2-components" class="post-tag grid--cell" title="show questions tagged 'angular2-components'" rel="tag">angular2-components</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 04 '17 at 13:21">asked Jun 04 '17 at 13:21</time>
    <a href="../../users/7467647/tikonoff" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/7467647.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="tikonoff" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/7467647/tikonoff" class="s-user-card--link">tikonoff</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">113</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="6 bronze badges">6</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-42844550">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/42844550/error-during-data-binding-property-is-null" class="question-hyperlink">Error during data binding: property is null</a></h3>
        <div class="excerpt">I have a component list and its child (component item). 
I'm trying to pass information from list to item, but it seem data binding doesn't work because the object is null, even if i have (hope) correctly initialized.
This is the list component with…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> 
                
                <a href="../../questions/tagged/angular-cli" class="post-tag grid--cell" title="show questions tagged 'angular-cli'" rel="tag">angular-cli</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Mar 16 '17 at 20:52">asked Mar 16 '17 at 20:52</time>
    <a href="../../users/4243433/max-bertoli" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4243433.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Max Bertoli" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4243433/max-bertoli" class="s-user-card--link">Max Bertoli</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">614</li>
            
            <li class="s-award-bling s-award-bling__silver" title="5 silver badges">5</li>
            <li class="s-award-bling s-award-bling__bronze" title="25 bronze badges">25</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-41828722">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/41828722/how-can-i-save-selected-item-from-dropdown-list-in-angular-2" class="question-hyperlink">How can i save selected item from dropdown list in angular 2</a></h3>
        <div class="excerpt">I need help with saving selected item from dropdown list.
Here is my code. With this code I can console.log selectedProject.id and selectedProject.name by button and function outData. But I can't show selectedProject.name in HTML by itself. 
When I…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> 
                
                <a href="../../questions/tagged/angular2-forms" class="post-tag grid--cell" title="show questions tagged 'angular2-forms'" rel="tag">angular2-forms</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 24 '17 at 12:52">asked Jan 24 '17 at 12:52</time>
    <a href="../../users/7462827/sebastien" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/7462827.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Sebastien" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/7462827/sebastien" class="s-user-card--link">Sebastien</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">85</li>
            
            <li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li>
            <li class="s-award-bling s-award-bling__bronze" title="7 bronze badges">7</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-41777499">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/41777499/how-to-pass-data-from-parent-to-child-components" class="question-hyperlink">How to pass data from parent to child components?</a></h3>
        <div class="excerpt">I have this property in a child component:
@Input() submitButtonDisabled: boolean;

In the template of my parent component I set it via property binding using interpolation:
<my-child-component
 …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> 
                
                <a href="../../questions/tagged/angular2-components" class="post-tag grid--cell" title="show questions tagged 'angular2-components'" rel="tag">angular2-components</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 21 '17 at 09:04">asked Jan 21 '17 at 09:04</time>
    <a href="../../users/4906754/fernando-costa" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/4906754.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Fernando Costa" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/4906754/fernando-costa" class="s-user-card--link">Fernando Costa</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">669</li>
            <li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
            <li class="s-award-bling s-award-bling__silver" title="9 silver badge">9</li>
            <li class="s-award-bling s-award-bling__bronze" title="31 bronze badge">31</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-41645121">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>1</strong></span>
                    <div class="viewcount">vote</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>2</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/41645121/angular2-how-do-you-properly-bind-to-nested-data" class="question-hyperlink">Angular2: How do you properly bind to nested data?</a></h3>
        <div class="excerpt">I have a component I'm going to use as a shell for multiple choice questions to load into.  Here's how the component is set up so far
component
import { Component }    from '@angular/core';

export class Answers{
    id: string;
    answer:…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angularjs" class="post-tag grid--cell" title="show questions tagged 'angularjs'" rel="tag">angularjs</a> 
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jan 13 '17 at 23:39">asked Jan 13 '17 at 23:39</time>
    <a href="../../users/1850272/optiq" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/1850272.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Optiq" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/1850272/optiq" class="s-user-card--link">Optiq</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">2,835</li>
            <li class="s-award-bling s-award-bling__gold" title="4 gold badges">4</li>
            <li class="s-award-bling s-award-bling__silver" title="33 silver badges">33</li>
            <li class="s-award-bling s-award-bling__bronze" title="68 bronze badges">68</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-69330640">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/69330640/angular-11-how-to-bind-a-new-object-in-template-to-component" class="question-hyperlink">Angular 11, how to bind a new object in template, to component</a></h3>
        <div class="excerpt">When a user loads a different selection (object) from the option drop-down list, I would like to get the NEW object returned in the (change) function.  But, it is returning the default object every time, even though the select changes correctly. …</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/typescript" class="post-tag grid--cell" title="show questions tagged 'typescript'" rel="tag">typescript</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Sep 25 '21 at 23:02">asked Sep 25 '21 at 23:02</time>
    <a href="../../users/10746565/tmr" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/10746565.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="TMR" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/10746565/tmr" class="s-user-card--link">TMR</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">87</li>
            
            <li class="s-award-bling s-award-bling__silver" title="2 silver badges">2</li>
            <li class="s-award-bling s-award-bling__bronze" title="13 bronze badges">13</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-67842316">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status ">
                <strong>0</strong> answers
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/67842316/angular-bind-variable-to-a-hashmap-with-value-of-type-string" class="question-hyperlink">Angular Bind variable to a hashmap with value of type string</a></h3>
        <div class="excerpt">I am trying to bind a variable which contains the date and time to a key value pair within Component A. I can see in the console the value of currentDate, but when I try to bind the variable to the value of key = currDate I get an error message…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular-components" class="post-tag grid--cell" title="show questions tagged 'angular-components'" rel="tag">angular-components</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Jun 04 '21 at 18:25">asked Jun 04 '21 at 18:25</time>
    <a href="../../users/7805219/alan" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/7805219.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Alan" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/7805219/alan" class="s-user-card--link">Alan</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">79</li>
            
            
            <li class="s-award-bling s-award-bling__bronze" title="11 bronze badges">11</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>
                
                    <div class="mln24">
                    <div class="question-summary" id="question-summary-58917372">
    <div class="statscontainer">
        <div class="stats">
            <div class="vote">
                <div class="votes">
                    <span class="vote-count-post"><strong>0</strong></span>
                    <div class="viewcount">votes</div>
                </div>
            </div>

<div class="status answered-accepted">
                <strong>1</strong> answer
            </div>
        </div>
    </div>
    <div class="summary">
        
        <h3><a href="../../questions/58917372/how-to-access-updated-element-after-changing-it-using-one-way-binding" class="question-hyperlink">How to access updated element after changing it using one way binding</a></h3>
        <div class="excerpt">I want to update content of a div using string interpolation and then access some properties of that div element immediately. how do i access an updated element?
In the below code snippet, how do i access updated properties of div element in…</div>
        <div class="grid ai-start jc-space-between fw-wrap">
            <div class="grid gs4 fw-wrap tags ">
                
                <a href="../../questions/tagged/angular" class="post-tag grid--cell" title="show questions tagged 'angular'" rel="tag">angular</a> 
                
                <a href="../../questions/tagged/angular2-databinding" class="post-tag grid--cell" title="show questions tagged 'angular2-databinding'" rel="tag">angular2-databinding</a> 
                
            </div>
            <div class="started mt0">
                
                    
<div class="s-user-card s-user-card">
    <time class="s-user-card--time" datetime="asked Nov 18 '19 at 14:59">asked Nov 18 '19 at 14:59</time>
    <a href="../../users/5958315/barley" class="s-avatar s-avatar__32 s-user-card--avatar">
        <img class="s-avatar--image" src="../../users/profiles/5958315.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="barley" />
    </a>
    <div class="s-user-card--info">
        <a href="../../users/5958315/barley" class="s-user-card--link">barley</a>
        <ul class="s-user-card--awards">
            <li class="s-user-card--rep" title="reputation score">176</li>
            
            <li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
            <li class="s-award-bling s-award-bling__bronze" title="10 bronze badges">10</li>
        </ul>
    </div>
</div>

</div>
        </div>
    </div>
</div>
                    </div>

</div>
        </div>

</div>
        </div>
        <script src="../../static/js/stack-icons.js"></script>
        <script src="../../static/js/fromnow.js"></script>
        
    </body>
</html>