What is the convention when it comes to AngularJS directives and styling them?
Do I style via JS or stylesheet? How do I keep things self-contained and modular?
modularity when it comes to AngularJS and CSS
124 Views Asked by ikaruss At
2
There are 2 best solutions below
0
jsSn0wMan
On
There is no convention as this is an issue with other libraries like extjs. However, in extjs, each component has a config to put styles in much like inline styles.
My approach is to include a separate css with the directive as it nicely separates the styling. And since angular directives allow separate template, your html is nicely separated from the javascript as well.
Related Questions in CSS
- CSS Class is not applying to element (border width,color,and style attributes)
- How do I find the fonts that are not loading in a CORS situation ( MoovWeb )?
- Positioning child at bottom of parent with scroll
- Play multiple audio files in a slider
- How to set text over image?
- Website zoomed out on Android default browser
- Writing/Overwriting to specific XML file from ASP.NET code behind
- My navbar is not expanding after collapse
- when a checkbox is checked how to display a different hidden element using javascript
- Gaps Vertically Using Dividers
- CSS: Preventing a property to affect on element until the end of transition
- Polygon Button with pure CSS
- transform-origin doesnt apply in safari
- show/hide multiple div tags at once and change the size of the remaining div tag
- Mask the image/maps/div (circle) using css and jquery
Related Questions in ANGULARJS
- Angular Show All When No Filter Is Supplied
- Using pagination on a table in AngularJS
- State with different subviews
- Getting and passing MVC Model data to AngularJS controller
- Implementing prerender.io middleware in sails.js
- Token based authorization in nodejs/ExpressJs and Angular(Single Page Application)
- AngularJS, Google App Engine and URLrewrite
- send data from table to another page into forms
- How to write tests for classes with inheritance
- angularJS sending OPTIONS instead of POST
- Receiving POST from external application in AngularJS
- Metaprogramming AngularJS Filters
- Reload List after Closing Modal
- Why is my angularjs site not completely crawlable?
- Why is separation of JavaScript and HTML a good practice?
Related Questions in ANGULARJS-DIRECTIVE
- how to show alert when user scroll to top of div in angular js?
- custom directive required params
- angular-xeditable ui.bootstrap.datepicker Parse Error
- Angular scroll directive
- how to get event when user scroll to top in angular js?
- Access parent property from directive controller with ControllerAs syntax and no $scope injection
- AngularJS Material using $mdDialog in a directive linking function
- Passing data to newly created directive in angularjs when ajax call is over
- Angularjs+Typescript directive implementing $compile
- AngularJs + DateRangePicker: my ng-model is not getting the input text value when I select a date range
- How to use an isolated scope property properly?
- Angular directive does not call parent scope function
- how to write a directive that restricts post requests
- Can i send an object to isolated scope '@' property
- In the transclude function of a directive link function, how is "futureParentElement" used?
Related Questions in STYLESHEET
- Java StreamSource from file in web application project
- XSL-FO Stylesheets & Xalan XSLTransformation Engine
- special characters replaced by question mark
- merge existing columns using CSS
- Debug set on False and not load styles and pictures
- Laravel 5.1 linking style sheet not working
- CSS-Selector with no style-definition changes outcome
- How to add a stylesheet into a WinForm WebBrowser in C#?
- IE equivalent to -webkit-appearance?
- Stylesheet breaking website
- Unify page style-sheets from version to version and compare overrides
- Reorder/replace in responsive layout without changing HTML only CSS
- JavaFX change single style in CSS stylesheet
- How to inherit stylesheet?
- CSS - Issue with link padding inside container
Related Questions in MODULARITY
- building api only artifact with maven
- Can Robot Framework Support External Variables?
- top-down community detection in a network
- CSS Inheritance : Override an ID parent selector with a CLASS child
- C# use DLL functions dynamically
- Python modularity best practices
- C++ cpp files as modules
- Plot communities with igraph
- modularity when it comes to AngularJS and CSS
- Creating a DLL for Drawing a Rectangle in VB.Net 2010
- Calculation of modularity from sonarqube
- Loading a shell window and modules in a new App Domain
- Bundling and Minification in Portable Area
- How can I mimic Node.js's require function in Ruby?
- Clauset-Newman-Moore community detection implementation
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
It depends heavily on the framework you use. In many MVC frameworks, you can write your own view helpers which automatically append a JS-file and CSS-file belonging to the same directive. Otherwise, you can use directive templates or Shadow DOM.