açısal mı?

Question

Ben 'Çevrimiçi Kitabevi'

çıkarır aşağıdaki kodu

<h2>{{ownername}} Online Bookshop</h2> 
<input placeholder="type your name" ng-model="ownername" > 

verildi ve ben ben girdi 'Fred' o çıktılar 'Fred Çevrimiçi Kitabevi'

jQuery kullanarak ve yapmadan şeyleri açısal bir şekilde, kodu nasıl değiştiririm, böylece giriş boş olmadığında bir iyelik ve kesme harfleri eklendi?

EG

İnternet Kitabevi'nden giriş boştur ve

Fred'in Çevrimiçi Kütüphanesi'nde

girdi 'Fred' dizesi

Answer 1

kapsam şeyler değerlendirebilir sadece bir yer olduğunu unutmayın içeriyor. Yani tam olarak ne yapabiliriz. (expression)?<true clause>:<false clause>; ve eşittir: ? formun bir üçlü operatörüdür

if(expression) { <true clause>; } 
else { <false clause>; } 

Modifiye kodu:

<h2>{{ ownername.length ? ownername + "'s " : "" }}Online Bookshop</h2> 
<input placeholder="type your name" ng-model="ownername" > 

Düzenleme: Bu, onun muhtemelen daha iyi çalışır halde diğerleri işaret olarak mantığı görünümden gizlemek için. Bu, bir kapsam işlevini çağırarak veya bunu beklendiği gibi dönüştürmek için değişkene bir filtre uygulayarak yapılabilir.

Answer 2

Bir filtre kullanın! Sonra

app.filter('possessive', function() { 
    return function(val) { 
    if (!val) return ''; 
    return val + '\'s'; 
    }; 
}); 

:

<h2>{{ ownername | possessive }} Online Bookshop</h2>