cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: camelCase Angular (kebab-case removal)

Browse Source 
BREAKING CHANGE:

Angular is now fully camel case.

Before:

    <p *ng-if="cond">
    <my-cmp [my-prop]="exp">
    <my-cmp (my-event)="action()">
    <my-cmp [(my-prop)]="prop">
    <input #my-input>
    <template ng-for #my-item [ng-for-of]=items #my-index="index">

After

    <p *ngIf="cond">
    <my-cmp [myProp]="exp">
    <my-cmp (myEvent)="action()">
    <my-cmp [(myProp)]="prop">
    <input #myInput>`,
    <template ngFor="#my-item" [ngForOf]=items #myIndex="index">

The full details are found in [angular2/docs/migration/kebab-case.md](https://github.com/angular/angular/blob/master/modules/angular2/docs/migration/kebab-case.md)
This commit is contained in:
Victor Berchet
2015-11-23 16:02:19 -08:00
committed by Igor Minar
parent b386d1134a
commit da9b46a071
120 changed files with 759 additions and 802 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
modules/angular2_material/src/components/button/button.scss
View File

@ -150,18 +150,18 @@ $md-fab-mini-line-height: rem(4.00) !default;
}
[md-button] {
[mdButton] {
@include md-button-base();
}
[md-raised-button] {
[mdRaisedButton] {
@include md-raised-button();
color: md-color($md-background, default-contrast);
background-color: md-color($md-background, 50);
}
[md-fab] {
[mdFab] {
@include md-raised-button();
z-index: $z-index-fab;
@ -183,7 +183,7 @@ $md-fab-mini-line-height: rem(4.00) !default;
// Styles for high contrast mode.
@media screen and (-ms-high-contrast: active) {
[md-raised],
[md-fab] {
[mdFab] {
border: 1px solid #fff;
}
}

4
modules/angular2_material/src/components/button/button.ts
View File

@ -8,7 +8,7 @@ import {isPresent} from 'angular2/src/facade/lang';
// TODO(jelbourn): Make the `isMouseDown` stuff done with one global listener.
@Component({
selector: '[md-button]:not(a), [md-fab]:not(a), [md-raised-button]:not(a)',
selector: '[mdButton]:not(a), [mdFab]:not(a), [mdRaisedButton]:not(a)',
host: {
'(mousedown)': 'onMousedown()',
'(focus)': 'onFocus()',
@ -48,7 +48,7 @@ export class MdButton {
@Component({
selector: 'a[md-button], a[md-raised-button], a[md-fab]',
selector: 'a[mdButton], a[mdRaisedButton], a[mdFab]',
inputs: ['disabled'],
host: {
'(click)': 'onClick($event)',