Cách đặt chiều rộng div bằng ng-style

Question 1

Tôi đang cố gắng đặt động chiều rộng div bằng cách sử dụng ng-stylenhưng nó không áp dụng kiểu. Đây là mã:

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

Bộ điều khiển:

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

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

});

Tôi đang thiếu gì?

Liên kết Fiddle : Fiddle

Question 2

Cú pháp của ng-stylekhông hoàn toàn như vậy. Nó chấp nhận một từ điển các khóa (tên thuộc tính) và giá trị (giá trị mà chúng nên lấy, một chuỗi trống không đặt chúng) thay vì chỉ một chuỗi. Tôi nghĩ những gì bạn muốn là:

<div ng-style="{ 'width' : width, 'background' : bgColor }"></div>

Và sau đó trong bộ điều khiển của bạn:

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

Điều này duy trì sự tách biệt của khuôn mẫu và bộ điều khiển: bộ điều khiển giữ các giá trị ngữ nghĩa trong khi mẫu ánh xạ chúng đến tên thuộc tính chính xác.

Question 3

ngStyle chấp nhận một bản đồ:

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

Fiddle