2017-02-28 60 views
0

喜的朋友我是初学者的angularjs.i'm卡住如何显示背景颜色从控制器NG风格的背景颜色不工作

var app = angular.module("myApp", []).controller("myCtrl", function($scope) { 
 
    $scope.color = 'yellow'; 
 
    $scope.zoom = 2; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl" ng-style="{'background-color': color }"> 
 
</div>

+1

您的示例正在按预期工作,但要查看对视图的影响,您必须在'div'中添加一些内容或指定heig ht'&'width'做'div'。 [plunker here](https://plnkr.co/edit/7GWIOakMN4coMAXuUg6m?p=preview) –

回答

-1

var app = angular.module("myApp", []).controller("myCtrl", function($scope) { 
 
    $scope.color = 'yellow'; 
 
    $scope.zoom = 2; 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
 

 
<div ng-app="myApp" ng-controller="myCtrl" ng-style="{'background-color': color }"> 
 
welcome 
 
</div>
NG-风格