Açısal malzeme md-sidenav, ekran boyutuna bağlı olarak md-is-açık değerini ayarlayarak

Question

ekran boyutuna göre md-is-açık ayarlamaya çalışıyorum. $ MdMedia ('gt-sm') gibi bir şey. Md-is-locked-open için $ mdMedia ('gt-sm') ile ayarlanabilir, ancak neden md-is-open'in bununla ayarlanamayacağını bilmiyorum. Şu gibi kodum görünüm: <md-sidenav md-is-open="$mdMedia('gt-sm')"></md-sidenav>

Answer 1

docs göre, md-is-open nitelik

sidenav açık olup olmadığını bağlı bir model olabilir.

Dolayısıyla, size denetleyicisi bir model tanımlamak ve md-is-open öznitelik atamak, böyle

// Controller 
$scope.shouldLeftBeOpen = $mdMedia('gt-sm'); 

olarak Ve İşte

<md-sidenav class="md-sidenav-left" md-component-id="left" md-is-open="shouldLeftBeOpen"></md-sidenav> 

gibi kullanabilirsiniz bir çalışma codepen olduğunu . Sayfayı, genişliği 960 pikselden az olan bir cihazdan yüklediğinizde, sidenav açılmayacaktır.