Milind Milind - 10 months ago 49
CSS Question

angularjs class is not working

I am new leaner to the angularjs and I make simple page as below, where in I have style called "item" and I am trying to give it to div but it is not working but on the same time if I give inline style then it will work.

What can be the issue, Kindly somebody help me

<html lang="en" >
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Angular Material style sheet -->
<link rel="stylesheet" href="">
<body ng-app="KACApp">
<div id="layoutContainer" ng-controller="layoutController as ctrl" style="height:100%">
<div layout="row" layout-xs="column">
<div flex class="item">Item</div>
<div flex="20">Item 2</div>

<!-- Angular Material requires Angular.js Libraries -->
<script src=""></script>
<script src=""></script>
<script src=""></script>
<script src=""></script>

<!-- Angular Material Library -->
<script src=""></script>
.item {
background: "#073857";
<!-- Your application bootstrap -->
<script type="text/javascript">
* You must include the dependency on 'ngMaterial'
angular.module('KACApp', ['ngMaterial'])
.run(function() {
console.log('App is ready');

function layoutController($scope){



Simply remove " from your style and it'll work :

.item {
  background: "#073857";

change to ->

.item {
  background: #073857;