Skip to content
This repository was archived by the owner on Apr 12, 2024. It is now read-only.

docs(ngClass): add class 'has-error' to demonstrate hyphen use #12027

Closed
wants to merge 4 commits into from
Closed

docs(ngClass): add class 'has-error' to demonstrate hyphen use #12027

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
1f6b814
Added class red-error to demonstrate hyphen use
qbzzt Jun 4, 2015
a24b9d2
Merge pull request #1 from qbzzt/qbzzt-patch-1
qbzzt Jun 4, 2015
5974875
Changed red-error to has-error
qbzzt Jun 4, 2015
9d75b0b
Fixed the tests to deal with the new class name
qbzzt Jun 4, 2015
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 8 additions & 4 deletions src/ng/directive/ngClass.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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, 'has-error': error}">Map Syntax Example</p>
<label>
<input type="checkbox" ng-model="deleted">
deleted (apply "strike" class)
Expand All @@ -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>
Expand Down Expand Up @@ -202,6 +202,10 @@ function classDirective(name, selector) {
.red {
color: red;
}
.has-error {
color: red;
background-color: yellow;
}
.orange {
color: orange;
}
Expand All @@ -212,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() {
Expand Down