programing

ng-style을 사용하여 div 너비를 설정하는 방법

megabox 2023. 4. 4. 21:12
반응형

ng-style을 사용하여 div 너비를 설정하는 방법

div 폭을 동적으로 설정하려고 합니다.ng-style스타일을 살리지 않고 있습니다.코드는 다음과 같습니다.

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

컨트롤러:

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

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

});

제가 무엇을 빠뜨리고 있나요?

바이올린 링크:만지작거리다

의 구문ng-style꼭 그런 건 아니에요.키(아트리뷰트명)와 값의 딕셔너리(빈 문자열로 설정 해제)를 받아들입니다.네가 원하는 건 이거야

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

다음으로 컨트롤러에서 다음을 수행합니다.

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

이렇게 하면 템플릿과 컨트롤러의 분리가 유지됩니다.컨트롤러는 템플릿이 올바른 Atribute 이름에 매핑하는 동안 시멘틱 값을 유지합니다.

ngStyle는 맵을 받아들입니다.

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

Fiddle

언급URL : https://stackoverflow.com/questions/20287241/how-to-set-div-width-using-ng-style

반응형