SORU
29 Kasım 2013, Cuma


Nasıl div genişliği ng tarzı kullanarak ayarlamak için

Div dinamik ng-style genişliği ayarlamak için çalışıyorum ama stilini değildir. İşte kod:

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

Denetleyici:

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

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

});

Neyi kaçırıyorum?

Keman link: Fiddle

CEVAP
29 Kasım 2013, Cuma


ng-style sözdizimi tam olarak değil. Anahtar (öznitelik adları ve değerleri olan bir sözlük (almaları gereken değeri, boş bir dize . kabul eder ^em>ISE seçeneğionlara) yalnızca bir dize. daha doğrusu İstediğin şey sanırım bu

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

Ve kumandanız: sonra

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

Bu şablonu ayrılması ve denetleyicisi korur: kumandayı doğru öznitelik adı için şablon haritalar ise anlamsal değerleri onları tutar.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • lifeisforsharingDT

    lifeisforsha

    18 Mayıs 2011
  • Matt Steffanina

    Matt Steffan

    1 EYLÜL 2011
  • Rickymon Tero

    Rickymon Ter

    1 Ocak 2007