Along with NativeScript 3.4 we also released a new version of the nativescript-angular plugin with official support for Angular 5. The update includes support for Angular’s new AnimationBuilder APIs, as well as some iOS-specific startup time improvements. You can learn more about these changes in the nativescript-angular changelog.
. Today, we’re thrilled to share that we’re continuing the Angular Momentum with the biggest release since the initial rollout of Angular; making large leaps in reactivity, server-side rendering, and tooling.
The 6.0.0 release of Angular is here! This is a major release focused less on the underlying framework, and more on the toolchain and on making it easier to move quickly with Angular in the future.
This lesson covers the following topics:
Expert — Angular has brilliant parts and it is possible to create awesome web apps with Angular, but it just isn’t worth the trouble. I am going to use [React|Ember] instead.
| Framework | Mobile URLs | Desktop URLs |
|---|---|---|
| jQuery | 4,615,474 | 3,714,643 |
| React | 489,827 | 241,023 |
| Vue.js | 85,649 | 43,691 |
| Angular | 19,423 | 18,088 |
using System;
using System.IO;
using System.Web;
using System.Web.Services;
using System.Reflection;
namespace test1
{
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class cache : IHttpHandler
{
private static void cacheIt(TimeSpan duration)
{
HttpCachePolicy cache = HttpContext.Current.Response.Cache;
FieldInfo maxAgeField = cache.GetType().GetField("_maxAge", BindingFlags.Instance | BindingFlags.NonPublic);
maxAgeField.SetValue(cache, duration);
cache.SetCacheability(HttpCacheability.Public);
cache.SetExpires(DateTime.Now.Add(duration));
cache.SetMaxAge(duration);
cache.AppendCacheExtension("must-revalidate, proxy-revalidate");
}
public void ProcessRequest(HttpContext context)
{
string file = context.Request.QueryString["file"];
if (string.IsNullOrEmpty(file))
{
return;
}
string contetType = context.Request.QueryString["contetType"];
if (string.IsNullOrEmpty(contetType))
{
return;
}
context.Response.Write(File.ReadAllText(context.Server.MapPath(file)));
//Set the content type
context.Response.ContentType = contetType;
// Cache the resource for 30 Days
cacheIt(TimeSpan.FromDays(30));
}
public bool IsReusable
{
get
{
return false;
}
}
}
}
<link type="text/css" href="cache.ashx?v=1&file=site.css&contetType=text/css" rel="Stylesheet" />
<script type="text/javascript" src="cache.ashx?v=1&file=js/jquery-1.3.2.min.js&contetType=application/x-javascript"></script>
<!--no binding --> <input name="firstname" ngModel>
<!--one way binding --> <input name="firstname" [ngModel]="firstName">
<!--two way binding --> <input name="firstname" [ngModel]="firstName" (ngModelChange)="firstName=$event">
<!--two way binding --> <input name="firstname" [(ngModel)]="firstName">
> ng g cl Employee/Employee
installing class create src\app\Employee\employee.ts
export class Employee {
constructor(
public firstName: string,
public lastName: string,
public isFullTime: boolean,
public paymentType: string,
public primaryLanguage: string
) {}
} import { Employee } from "app/employee/employee";
export class EmployeeRegisterComponent implements OnInit {
languages = ["Persian", "English", "Spanish", "Other"];
model = new Employee("Vahid", "N", true, "FullTime", "Persian"); <form #form="ngForm" novalidate>
<div class="form-group">
<label>First Name</label>
<input type="text" class="form-control" name="firstName" [(ngModel)]="model.firstName">
</div>
<div class="form-group">
<label>Last Name</label>
<input type="text" class="form-control" name="lastName" [(ngModel)]="model.lastName">
</div> <button class="btn btn-primary" type="submit">Ok</button>
</form>
Model: {{ model | json }}
<br> Angular: {{ form.value | json }}
<br> form.pristine: {{ form.pristine }} 
<div class="checkbox">
<label>
<input type="checkbox" name="is-full-time"
[(ngModel)]="model.isFullTime"> Full Time Employee
</label>
</div> <label>Payment Type</label>
<div class="radio">
<label>
<input type="radio" name="paymentType" value="FullTime" checked
[(ngModel)]="model.paymentType">
Full Time
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="paymentType" value="PartTime"
[(ngModel)]="model.paymentType">
Part Time
</label>
</div> <div class="form-group">
<label>Primary Language</label>
<select class="form-control" name="primaryLanguage" [(ngModel)]="model.primaryLanguage">
<option *ngFor="let lang of languages">
{{ lang }}
</option>
</select>
</div> 
<div class="form-group">
<label>First Name</label>
<input type="text" class="form-control" name="firstName"
[ngModel]="model.firstName"
(ngModelChange)="firstNameToUpperCase($event)">
</div> firstNameToUpperCase(value: string) {
if (value.length > 0)
this.model.firstName = value.charAt(0).toUpperCase() + value.slice(1);
else
this.model.firstName = value;
}