Css 如何使用ng样式设置div宽度

Css 如何使用ng样式设置div宽度,css,angularjs,ng-style,Css,Angularjs,Ng Style,我试图使用ng样式动态设置div宽度,但它没有应用样式。代码如下: <div style="width: 100%;" id="container_fform" ng-controller="custController"> <div style="width: 250px;overflow: scroll;"> <div ng-style="myStyle">&nbsp;</div> </div>

我试图使用
ng样式
动态设置div宽度,但它没有应用样式。代码如下:

<div style="width: 100%;" id="container_fform" ng-controller="custController">
    <div style="width: 250px;overflow: scroll;">
        <div ng-style="myStyle">&nbsp;</div>
    </div>
</div>
我错过了什么


小提琴链接:

ngStyle
接受地图:

$scope.myStyle = {
    "width" : "900px",
    "background" : "red"
};

ng风格的语法并不完全如此。它接受一个键(属性名)和值(它们应该取的值,空字符串将其取消设置)的字典,而不仅仅是一个字符串。我想你想要的是:


然后在控制器中:

var MyApp = angular.module('MyApp', []);

var custController = MyApp.controller('custController', function ($scope) {
    $scope.myStyle="width:'900px';background:red";

});
$scope.width='900px';
$scope.bgColor='red';

这保留了模板和控制器的分离:当模板将语义值映射到正确的属性名称时,控制器保存语义值。

键字典。。。。让我笑了。对于另一个JS对象来说,这是多么雄辩的描述啊。