From 1f6b814af7f6ff328b9409cf143c9d9d27f54090 Mon Sep 17 00:00:00 2001
From: qbzzt <qbzzt1@gmail.com>
Date: Thu, 4 Jun 2015 10:33:16 -0500
Subject: [PATCH 1/3] Added class red-error to demonstrate hyphen use

Because hyphens, such as those you find in the Bootstrap theme, require special handling (quotes) when ngClass uses an object.
---
 src/ng/directive/ngClass.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/ng/directive/ngClass.js b/src/ng/directive/ngClass.js
index dd06bd0c4635..5ac8c4955383 100644
--- a/src/ng/directive/ngClass.js
+++ b/src/ng/directive/ngClass.js
@@ -162,7 +162,7 @@ function classDirective(name, selector) {
  * @example Example that demonstrates basic bindings via ngClass directive.
    <example>
      <file name="index.html">
-       <p ng-class="{strike: deleted, bold: important, red: error}">Map Syntax Example</p>
+       <p ng-class="{strike: deleted, bold: important, 'red-error': error}">Map Syntax Example</p>
        <label>
           <input type="checkbox" ng-model="deleted">
           deleted (apply "strike" class)
@@ -202,6 +202,10 @@ function classDirective(name, selector) {
        .red {
            color: red;
        }
+       .red-error {
+           color: red;
+           background-color: yellow;
+       }
        .orange {
            color: orange;
        }

From 59748755c8bbf5b377818b1c5f0e489a7591e0ad Mon Sep 17 00:00:00 2001
From: qbzzt <qbzzt1@gmail.com>
Date: Thu, 4 Jun 2015 12:51:45 -0500
Subject: [PATCH 2/3] Changed red-error to has-error

---
 src/ng/directive/ngClass.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ng/directive/ngClass.js b/src/ng/directive/ngClass.js
index 5ac8c4955383..2b7d2dd203ab 100644
--- a/src/ng/directive/ngClass.js
+++ b/src/ng/directive/ngClass.js
@@ -162,7 +162,7 @@ function classDirective(name, selector) {
  * @example Example that demonstrates basic bindings via ngClass directive.
    <example>
      <file name="index.html">
-       <p ng-class="{strike: deleted, bold: important, 'red-error': error}">Map Syntax Example</p>
+       <p ng-class="{strike: deleted, bold: important, 'has-error': error}">Map Syntax Example</p>
        <label>
           <input type="checkbox" ng-model="deleted">
           deleted (apply "strike" class)
@@ -173,7 +173,7 @@ function classDirective(name, selector) {
        </label><br>
        <label>
           <input type="checkbox" ng-model="error">
-          error (apply "red" class)
+          error (apply "has-error" class)
        </label>
        <hr>
        <p ng-class="style">Using String Syntax</p>
@@ -202,7 +202,7 @@ function classDirective(name, selector) {
        .red {
            color: red;
        }
-       .red-error {
+       .has-error {
            color: red;
            background-color: yellow;
        }

From 9d75b0bf1bc1e10f7ebf46b0c6262a8dc88bb3e1 Mon Sep 17 00:00:00 2001
From: qbzzt <qbzzt1@gmail.com>
Date: Thu, 4 Jun 2015 16:35:34 -0500
Subject: [PATCH 3/3] Fixed the tests to deal with the new class name

---
 src/ng/directive/ngClass.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ng/directive/ngClass.js b/src/ng/directive/ngClass.js
index 2b7d2dd203ab..b165995032f7 100644
--- a/src/ng/directive/ngClass.js
+++ b/src/ng/directive/ngClass.js
@@ -216,13 +216,13 @@ function classDirective(name, selector) {
        it('should let you toggle the class', function() {
 
          expect(ps.first().getAttribute('class')).not.toMatch(/bold/);
-         expect(ps.first().getAttribute('class')).not.toMatch(/red/);
+         expect(ps.first().getAttribute('class')).not.toMatch(/has-error/);
 
          element(by.model('important')).click();
          expect(ps.first().getAttribute('class')).toMatch(/bold/);
 
          element(by.model('error')).click();
-         expect(ps.first().getAttribute('class')).toMatch(/red/);
+         expect(ps.first().getAttribute('class')).toMatch(/has-error/);
        });
 
        it('should let you toggle string example', function() {