31 Ocak 2016 Pazar

Uygulamam yüklenirken ng-show ile default olarak görünmez olan nesneleri bir anlık görünür oluyor

Evet bu kırpışma olayını çözmek için ilgili tag'in attribute'lerine ng-cloak (değer belirtmeden) eklemeniz yeterlidir.

<div id="optionsDialog" class="options-dialog" ng-show="showOptionsDialog" ng-cloak></div>

Statik veya Dinamik olarak bir div'in içeriğini değiştirmek

Statik olarak bir template'ten içerik yüklemek için ng-include kullanabilirsiniz

<div ng-include="'../templates/options.html'"></div>
(Tek tırnaklara dikkat!!!)
Dinamik olarak yüklemek için template ismini bir değişkenden almak isterseniz.

$scope.templateUrl = "../tempates/options.html";
<div ng-include="templateUrl"></div>
(Binding v.b. yok!!!, direkt dümdüz değişken ismi)

Cordova plugin'i ekleme/çıkarma ve listeleme

Plugin ekleme

cordova plugin add org.apache.cordova.camera
Plugin çıkartma

cordova plugin remove org.apache.cordova.camera
veya
cordova plugin rm org.apache.cordova.camera
Yüklü plugin'leri listeleme

cordova plugin
veya
cordova plugin list

Title kısmı olmadan popup gösterme

İlk olarak popup açılırken kullanılacak custom class'ı cssClass özelliğini kullanarak belirlemeliyiz.

var registerPopup = $ionicPopup.show({

    templateUrl: 'templates/register_popup.html',
    cssClass: 'custom-class', // Add
    scope: $scope

});
Ardından .popup-head 'i bu class yardımıyla gizleyebiliriz.

.custom-class .popup-head {
  display: none;
}

Dinamik olarak bir index değişkenine bağlı kalarak div içeriği değiştirme

Mesela bir listeniz var ama farklı item tipleri sahip ve listelenirken de bu farklı tipler için farklı görünüm oluşturmak istiyorsunuz.

<div ng-if="post.index">
  <ng-switch on="post.index">

    <ng-switch-when="'0'" ng-include="'blog/angular/angular_blog' + post.index + '.html'">

    <ng-switch-when="'1'" ng-include="'blog/angular/angular_blog' + post.index + '.html'">

  </ng-switch>
</div>