Issue 1:
IMPORTANT: This repository's issues are reserved for feature requests and bug reports. Do not submit support requests here, see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question.

Steps to reproduce and a minimal demo of the problem

Run this plunkr in desktop Safari or Chrome and observe the full date being printed out

Run the plunkr in mobile Safari or a cordova app and observe the exception thrown

What steps should we try in your demo to see the problem?

Open plunkr in browser.

See problem :)

Go to edit mode in plunkr

Open src/app.ts

Note the assigning of new Date in constructor, and the template binding to the date and pushing into a date pipe.

//our root app component
import {Component} from 'angular2/core'

@Component({
selector: 'my-app',
providers: [],
template: `
<div>
<h2>Todays date is: {{viewModel.date | date:'fullDate'}}</h2>
</div>
`,
directives: []
})
export class App {
constructor() {
this.name = 'Angular2'
this.viewModel = {};
this.viewModel.date = new Date();
}
}

Current behavior

Exception with thrown value: ReferenceError: Can't find variable: Intl

Expected/desired behavior

No exception occur

Other information

Issue 2:
I'm submitting a ... (check one with "x")

[x] bug report => search github for a similar issue or PR before submitting
[x] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

Based on other form input, I'd like to disable individual radio options in a radio form control, but the current disable() method only allows to disable all radios of a group or none.

Setting the [disabled] attribute of an individual radio input is not allowed here:

It looks like you're using the disabled attribute with a reactive form directive.
If you set disabled to true when you set up this control in your component class,
the disabled attribute will actually be set in the DOM for you.
We recommend using this approach to avoid 'changed after checked' errors.

Expected behavior

I can access and disable/enable individual radio input elements.

Minimal reproduction of the problem with instructions

import {Component, NgModule} from '@angular/core'
import {BrowserModule} from '@angular/platform-browser'

import {FormBuilder, FormGroup, FormsModule, ReactiveFormsModule} from '@angular/forms';

@Component({
selector: 'my-app',
template: `
<div>
<form [formGroup]="myForm">
<input type="radio" id="r1" formControlName="myRadio" value="1"/><label for="r1">Radio 1</label><br>
<input type="radio" id="r2" formControlName="myRadio" value="2"/><label for="r2">Radio 2</label><br>
<input type="radio" id="r3" formControlName="myRadio" value="3"/><label for="r3">Radio 3</label><br>
<button (click)="disableRadio()">Disable Radio 3 only</button>
</form>
</div>
`,
})
export class App {
myForm: FormGroup;
constructor(private formBuilder: FormBuilder) {
this.myForm = formBuilder.group({
myRadio: "1"
});
this.myForm.valueChanges.subscribe(something => {
console.log(this.myForm.value.myRadio);
});
}
disableRadio():void {
this.myForm.controls.myRadio.disable();
//***I'd like to disable only the 3rd radio here, not all of them.***
}
}

@NgModule({
imports: [ BrowserModule, FormsModule, ReactiveFormsModule ],
declarations: [ App ],
bootstrap: [ App ]
})
export class AppModule {}

http://plnkr.co/edit/J4pr2FJUs8IZdEldYz92?p=preview

What is the motivation / use case for changing the behavior?

Based on other form input, I'd like to disable individual radio options in a form.

Please tell us about your environment:

Angular version: 2.3.0

Browser: [all]

Language: [TypeScript]

Node (for AoT issues): node --version =