góc cạnh, ng-nếu thay đổi văn bản?

Question

Tôi cho đoạn mã sau

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

Những kết quả đầu ra 'trực tuyến thư quán'

và nếu tôi đầu vào 'Fred' nó ra 'Fred trực tuyến thư quán'

Nếu không sử dụng jQuery, và làm những điều theo cách góc cạnh, làm thế nào tôi sẽ thay đổi mã để một dấu nháy đơn sở hữu và các chữ cái được thêm vào khi đầu vào không rỗng?

EG

online thư quán khi đầu vào là trống rỗng, và

online thư quán Fred khi đầu vào chứa 'Fred' chuỗi

Answer 1

Hãy nhớ rằng phạm vi chỉ là một nơi mà bạn có thể đánh giá sự vật. Vì vậy, đó chính xác những gì chúng ta có thể làm. Các ? là một nhà điều hành ternary có dạng: (expression)?<true clause>:<false clause>; và bằng:

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

đang Modified:

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

Edit: Mặc dù các công trình này, có lẽ nó tốt hơn như những người khác chỉ ra để ẩn logic khỏi chế độ xem. Điều này có thể được thực hiện bằng cách gọi hàm phạm vi hoặc áp dụng bộ lọc cho biến để biến đổi như mong đợi.

Answer 2

Sử dụng bộ lọc!

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

Sau đó:

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