angularjs 클래스가 작동하지 않습니다

저는 angularjs에 새롭고 단순한 페이지를 만듭니다. 아래에 "item"이라는 스타일이 있고 div에주고 싶지만 작동하지 않지만 동일한 페이지가 있습니다. 인라인 스타일을 주면 시간이 흐를 것입니다. 문제가 될 수 있습니다 무엇 angularjs 클래스가 작동하지 않습니다

친절 누군가 나를

<html lang="en" > 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- Angular Material style sheet --> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css"> 
</head> 
<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> 
    </div> 
    </div> 

    <!-- Angular Material requires Angular.js Libraries --> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script> 

    <!-- Angular Material Library --> 
    <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script> 
    <style> 
    .item { 
     background: "#073857"; 
    } 
    </style> 
    <!-- Your application bootstrap --> 
    <script type="text/javascript">  
    /** 
    * You must include the dependency on 'ngMaterial' 
    */ 
    angular.module('KACApp', ['ngMaterial']) 
     .controller('layoutController',layoutController) 
     .run(function() { 
     console.log('App is ready'); 
     }); 

     function layoutController($scope){ 

     } 
    </script> 
</body> 
</html>

출처

2016-06-13 Milind