2014-09-11 70 views
15

ng-bind tarafından alınan kapsam için varsayılan bir değer ayarlamak istiyorum. Böyle yapıyorum:Varsayılanı HTML'de ng-bind olarak ayarla

<button>Show <span data-ng-bind="data.text" data-ng-init="data.text = 'All';"></span> Names</button> 

Bu örnekte, aralık = 'Tümü' sayfa yüklendiğinde innerHTML ayarlanır.

<button>Show <span data-ng-bind="data.text = 'All';"></span> Names</button> 
+5

'{{data.text || "All"}} '(ng-bind' – tymeJV

cevap

15

için gayet denetleyici kodunu atlamak için (Kohjah Breese 'yorumunun izniyle):

<button>Show <span data-ng-bind="data.text || 'All'"></span> Names</button> 

Muhtemelen denetleyicinizde bu değeri değiştirecek başka bir kod bulunacaktır, ancak bu, başlatılması amacıyla yapılmalıdır.

DÜZENLEME:

<button>Show <span ng-cloak>{{data.text || "All"}}</span> Names</button> 
+1

'dan uzaklaşan bir sorununuz yoksa, bu da çalışıyorum, aradığım şey:

+0

Değeri ne olursa olsun, codeschool.com başlangıç ​​kursu (mükemmel ve bunu söylemek için para alamıyorum, vb.) '$ Scope' yerine' this 'kullanıyor ama Sanırım bunu yapmak için oldukça standart bir uygulama ... Belki de bir sonraki seviyedeki derste kullanıyorlar – MrBoJangles

2

angularjs doc den:

sadece uygun kullanım

Ancak, ng-init, belki gibi bir şey kullanımını gerektirmeden bunu yapmanın bir yolu olabilir orada umuyordum ngInit, ngRepeat'ın özel özelliklerini taklit etmek içindir [...] Bu durumda, kapsamdaki değerleri başlatmak için ngInit yerine denetleyicileri kullanmalısınız. İstersen

<button>Show <span data-ng-bind="data.text"></span> Names</button> 

Veya:

$scope.data = {}; 
$scope.data.text = "All"; 

Sizin işaretleme: Yani

i controller içerisinde data.text başlatılıyor sanırım Kumandanızda olarak angularjs

2

|| operatör gibi ngBind olarak da çalışır: tymeJV yorumlarda işaret ettiği gibi Alternatif olarak, (ng-pelerin Böylece {{}} sözdizimi kullanıcılara görüntülenmez eklendi) saf JavaScript: değişken dolu ise

<span ng-bind="myVariable || 'My default value'"></span> 

Bu, aksi takdirde alternatif 'My default value' kullanılır myVariable verir.

İlgili konular