css-modules
diff --git a/Collapse file
‎docs/css-modules-with-angular.js.md‎
Copy file name to clipboard
+64Lines changed: 64 additions & 0 deletions
Display the source diff
Display the rich diff b/Collapse file
‎docs/css-modules-with-angular.js.md‎
Copy file name to clipboard
+64Lines changed: 64 additions & 0 deletions
Display the source diff
Display the rich diff
diff --git a/Collapse file
‎docs/css-modules-with-angular.md‎
Copy file name to clipboardExpand all lines: docs/css-modules-with-angular.md
-73Lines changed: 0 additions & 73 deletions b/Collapse file
‎docs/css-modules-with-angular.md‎
Copy file name to clipboardExpand all lines: docs/css-modules-with-angular.md
-73Lines changed: 0 additions & 73 deletions
diff --git a/Collapse file
‎docs/import-multiple-css-modules.md‎
Copy file name to clipboardExpand all lines: docs/import-multiple-css-modules.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff b/Collapse file
‎docs/import-multiple-css-modules.md‎
Copy file name to clipboardExpand all lines: docs/import-multiple-css-modules.md
+1-1Lines changed: 1 addition & 1 deletion
Display the source diff
Display the rich diff
@@ -0,0 +1,64 @@
+<img src="https://raw.githubusercontent.com/css-modules/logos/master/css-modules-logo.png" width="150" height="150" />
+
+# CSS Modules with Angular.js
+
+```css
+.bacon { /* ... */ }
+.pancakes { /* ... */ }
+```
+
+```js
+import styles from "./component.css"
+
+class MyController {
+    constructor($scope) {
+        $scope.styles = styles;
+    }
+}
+
+angular.module('myApp').controller('MyController', ['$scope', MyController])
+```
+
+```html
+<div ng-app="myApp">
+    <div ng-controller="MyController">
+        <header class="{{styles.bacon + ' ' + styles.pancakes}}">
+            <h1 class="{{styles.pancakes}}">pancakes (2-way binding)</h1>
+            <h1 ng-class="styles.bacon">bacon</h1>
+            <!-- ... -->
+        </header>
+    </div>
+</div>
+```
+
+---
+
+## CSS Modules with angular.js 1.5 component
+
+```css
+.content { /* ... */ }
+.bacon { /* ... */ }
+.pancakes { /* ... */ }
+```
+
+```js
+import angular from 'angular'
+import styles from './index.css'
+
+const template = `
+    <div class="${styles.content}">                   
+        <div class="${styles.pancakes}">pancakes</div>
+        <div ng-class="'${styles.bacon}'">bacon</div>
+    </div>
+`;
+
+angular
+    .module('app', [])
+    .component('myComponent', {
+        template
+    });
+```
+
+**This needs expansion/revision by someone who really knows angular. Maybe that's you!**
+
+- [ ] Angular 2.0 syntax
@@ -45,4 +45,4 @@ function Demo( props) {
 }
 
 export default Demo
-```
+```
Original file line number	Diff line number	Diff line change
`@@ -45,4 +45,4 @@ function Demo( props) {`
`45`	`45`	`}`
`46`	`46`
`47`	`47`	`export default Demo`
`48`		-```
	`48`	+```