Làm cách nào để thực hiện mã Dao động nội tuyến trong một số HTML?

Question

Điều tôi muốn làm:

<div class='duck@if (this.Model.quacker) { -noisy }'>quack</div> 

ie. hoặc

<div class='duck'>quack</div> 

hoặc

<div class='duck-noisy'>quack</div> 

Tuy nhiên tôi có thể không nhận được khá đúng cú pháp. Tôi cố gắng @:-noisy nhưng mà tạo ra lỗi như

Hãy chắc chắn rằng bạn có một kết hợp "}" ký tự cho tất cả các "{" nhân vật trong khối này

Tôi cũng đã cố gắng @: - ồn ào @ nhưng cùng một lỗi. Tôi nên làm gì?

Answer 1

Phần văn bản < > sẽ chuyển sang HTML một lần nữa. Như thế này:

<div class='duck@if (this.Model.quacker) { <text>-noisy</text> }'>quack</div> 

Answer 2

làm điều này như sau:

@{ 
    var poo = string.Format("{0}{1}", "duck", (this.Model.quacker) ? "-noisy" : ""); 
} 

<div class='@poo'>quack</div> 

CẬP NHẬT

dưới đây là một trong những tạo ra các giải pháp tốt nhất:

<div class='@("duck")@if(this.Model.quacker){<text>-noisy</text>}'>quack</div> 

Answer 3

nên như thế này

<div @if(this.Model.quacker) 
{ 
@:class='duck-noisy' 
}else{ 
@:class='duck' 
}>quack</div>