This command allows cleaning up project and assembly references that have no actual usages in source code. You can apply this command on a project, solution folder, or the entire solution. Before deletion is complete, you will be able to see all references that are going to be removed and. if necessary, preserve the ones that you want to keep.
<form #f="ngForm" (ngSubmit)="onSubmit(f.form)">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Add Product
</h3>
</div>
<div class="panel-body form-horizontal">
<div class="form-group">
<label for="productName" class="col col-md-2 control-label">Name</label>
<div class="controls col col-md-10">
<input ngControl="productName" id="productName" required
#productName="ngForm"
(change)="log(productName)"
minlength="3"
type="text" class="form-control"
[(ngModel)]="productModel.productName"/>
<div *ngIf="productName.touched && productName.errors">
<label class="text-danger" *ngIf="productName.errors.required">
Name is required.
</label>
<label class="text-danger" *ngIf="productName.errors.minlength">
Name should be minimum {{ productName.errors.minlength.requiredLength }} characters.
</label>
</div>
</div>
</div>
<div class="form-group">
<label for="productCode" class="col col-md-2 control-label">Code</label>
<div class="controls col col-md-10">
<input ngControl="productCode" id="productCode" required
#productCode="ngForm"
type="text" class="form-control"
[(ngModel)]="productModel.productCode"/>
<label class="text-danger" *ngIf="productCode.touched && !productCode.valid">
Code is required.
</label>
</div>
</div>
<div class="form-group">
<label for="releaseDate" class="col col-md-2 control-label">Release Date</label>
<div class="controls col col-md-10">
<input ngControl="releaseDate" id="releaseDate" required
#releaseDate="ngForm"
type="text" class="form-control"
[(ngModel)]="productModel.releaseDate"/>
<label class="text-danger" *ngIf="releaseDate.touched && !releaseDate.valid">
Release Date is required.
</label>
</div>
</div>
<div class="form-group">
<label for="price" class="col col-md-2 control-label">Price</label>
<div class="controls col col-md-10">
<input ngControl="price" id="price" required
#price="ngForm"
type="text" class="form-control"
[(ngModel)]="productModel.price"/>
<label class="text-danger" *ngIf="price.touched && !price.valid">
Price is required.
</label>
</div>
</div>
<div class="form-group">
<label for="description" class="col col-md-2 control-label">Description</label>
<div class="controls col col-md-10">
<textarea ngControl="description" id="description" required
#description="ngForm"
rows="10" type="text" class="form-control"
[(ngModel)]="productModel.description"></textarea>
<label class="text-danger" *ngIf="description.touched && !description.valid">
Description is required.
</label>
</div>
</div>
<div class="form-group">
<label for="imageUrl" class="col col-md-2 control-label">Image</label>
<div class="controls col col-md-10">
<input ngControl="imageUrl" id="imageUrl" required
#imageUrl="ngForm"
type="text" class="form-control"
[(ngModel)]="productModel.imageUrl"/>
<label class="text-danger" *ngIf="imageUrl.touched && !imageUrl.valid">
Image is required.
</label>
</div>
</div>
</div>
<footer class="panel-footer">
<button [disabled]="!f.valid"
type="submit" class="btn btn-primary">
Submit
</button>
</footer>
</div>
</form> import { Component } from 'angular2/core';
import { Router } from 'angular2/router';
import { IProduct } from './product';
import { ProductService } from './product.service';
@Component({
//selector: 'product-form',
templateUrl: 'app/products/product-form.component.html'
})
export class ProductFormComponent {
productModel = <IProduct>{}; // creates an empty object of an interface
constructor(private _productService: ProductService, private _router: Router) { }
log(productName): void {
console.log(productName);
}
onSubmit(form): void {
console.log(form);
console.log(this.productModel);
this._productService.addProduct(this.productModel)
.subscribe((product: IProduct) => {
console.log(`ID: ${product.productId}`);
this._router.navigate(['Products']);
});
}
} <div class="form-group"> <label for="description" class="col col-md-2 control-label">Description</label> <div class="controls col col-md-10"> <textarea ngControl="description" id="description" required #description="ngForm" rows="10" type="text" class="form-control" [(ngModel)]="productModel.description"></textarea> <label class="text-danger" *ngIf="description.touched && !description.valid"> Description is required. </label> </div> </div>
<input ngControl="productName" id="productName" required #productName="ngForm" (change)="log(productName)" minlength="3" type="text" class="form-control" [(ngModel)]="productModel.productName"/>
<textarea ngControl="description" id="description" required #description="ngForm" rows="10" type="text" class="form-control"></textarea> <div class="alert alert-danger" *ngIf="description.touched && !description.valid"> Description is required. </div>
.ng-touched.ng-invalid{
border: 1px solid red;
} 
<div class="alert alert-danger" *ngIf="productName.touched && !productName.valid"> Name is required. </div>
<div *ngIf="productName.touched && productName.errors"> <div class="alert alert-danger" *ngIf="productName.errors.required"> Name is required. </div> <div class="alert alert-danger" *ngIf="productName.errors.minlength"> Name should be minimum 3 characters. </div> </div>
<div *ngIf="productName.touched && productName.errors">
{{ productName.errors | json }} Name should be minimum {{ productName.errors.minlength.requiredLength }} characters. <form #f="ngForm" (ngSubmit)="onSubmit(f.form)">
onSubmit(form): void {
console.log(form);
} 
<button [disabled]="!f.valid" type="submit" class="btn btn-primary"> Submit </button>
//same as before...
import { ProductFormComponent } from './products/product-form.component';
@Component({
//same as before…
template: `
//same as before…
<li><a [routerLink]="['AddProduct']">Add Product</a></li>
//same as before…
`,
//same as before…
})
@RouteConfig([
//same as before…
{ path: '/addproduct', name: 'AddProduct', component: ProductFormComponent }
])
//same as before... 
productModel = <IProduct>{}; // creates an empty object of an interface <textarea ngControl="description" id="description" required #description="ngForm" rows="10" type="text" class="form-control" [(ngModel)]="productModel.description"></textarea>
addProduct(product: IProduct): Observable<IProduct> {
let headers = new Headers({ 'Content-Type': 'application/json' }); // for ASP.NET MVC
let options = new RequestOptions({ headers: headers });
return this._http.post(this._addProductUrl, JSON.stringify(product), options)
.map((response: Response) => <IProduct>response.json())
.do(data => console.log("Product: " + JSON.stringify(data)))
.catch(this.handleError);
} [HttpPost]
public ActionResult AddProduct(Product product)
{ import { Headers, RequestOptions } from 'angular2/http'; //Same as before…
import { IProduct } from './product';
import { ProductService } from './product.service';
@Component({
//Same as before…
})
export class ProductFormComponent {
productModel = <IProduct>{}; // creates an empty object of an interface
constructor(private _productService: ProductService, private _router: Router) { }
//Same as before…
onSubmit(form): void {
console.log(form);
console.log(this.productModel);
this._productService.addProduct(this.productModel)
.subscribe((product: IProduct) => {
console.log(`ID: ${product.productId}`);
this._router.navigate(['Products']);
});
}
} 
.UseStartup<Startup>()
{
"MVC Action": {
"prefix": "mvcAction",
"body": [
"public IActionResult ${1:ActionName}()",
"{",
" $0 ",
" return View();",
"}"
],
"description": "Creates a simple MVC action method."
}
} 
<PackageReference Include="DNTPersianUtils.Core" Version="2.2.0" />
> dotnet add package DNTPersianUtils.Core
<ItemGroup>
<DotNetCliToolReference Include="Microsoft.DotNet.Watcher.Tools" Version="1.0.0" />
</ItemGroup> >dotnet watch run ?[90mwatch : ?[39mStarted Hosting environment: Production Content root path: D:\vs-code-examples\FirstAspNetCoreProject Now listening on: http://localhost:5000 Application started. Press Ctrl+C to shut down.
You might not sign up for all of them (particularly those around classes and inheritance), but these ‘Uncle Bob’-inspired tips might help you think more about how you name things and structure your code.
Posts about: .NET Native AOT
Microsoft gets serious about WebAssembly
Infogram about Xamarin Forms 5.0
