Hey everyone,
Been messing with Angular2 for about 3 months now. My site is coming along
but it's a slow process and you run into issues from time to time. Here is
one issue.
I've been working on building a form using ReactiveFormsModule. It's just
in the layout stages so it does absolutely nothing. Now, on every page of
my site, I have a vertical sidebar which gets populated, for now, via an
array. This works fine on every non-form page but for those that are form,
the loop seems to not function. I started to think that maybe how I was
laying out these pages wasn't the best idea. Here is an example of the form
page .
<main class="col-lg-10 col-md-9 col-sm-9 col-xs-12" style="padding-top:
25px;">
<form class=".form-horizontal" novalidate
(ngSubmit)="onSubmit(storagedeviceadmin)" [formGroup]="storagedeviceadmin">
<div class="form-group">
<h2>Company Information</h2>
<label class=".control-label">
<span>Manufacturer</span>
<input type="text" placeholder="Name of the Organization"
formControlName="Organization-Name"/>
</label>
...
</div>
</form>
</main>
<app-sidebar></app-sidebar>
...and the sidebar,
<div class="col-lg-2 col-md-3 col-sm-3 col-xs-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Related Things</h3>
</div>
<div class="panel-body text-center" *ngFor="let thing of THINGS">
<a href="{{thing.url}}" title="{{thingt.name}}" target="_blank">
<img src="{{thing.imgPath}}" class="img-thumbnail
img-responsive" />
</a>
</div>
</div>
</div>
Now, as you can see I'm putting the layout in each template. When I tried
to do this in app.component.html, it didn't layout well so this was my
solution but now this solution is causing other issues.
Anything standing out as obviously wrong?
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
