使用Razor为按钮添加禁用属性

本文关键字：属性 添加 按钮 Razor 使用 | 更新日期: 2023-09-27 18:10:19

我有一个bool在我的ViewModel称为DisableNextButton，我想用它来禁用一个按钮在我的视图。我应该加上这个按钮位于if语句中。

最终，当DisableNextButton为true时，我试图添加disabled属性。

这是我不成功的实现:

@if(true)
{
    <button type="button" @{ if (Model.DisableNextButton) { <text>disabled="disabled"</text> } } >Next</button>
}
我应该注意到这给了我一个功能启用按钮。

使用Razor为按钮添加禁用属性

原文:

<input type="button" value="Next" 
    @{
        if(Model.DisableNextButton)
        {
            @:disabled="disabled"
        }
    }
/>

基本上，<text>标签是不必要的，因为这不是文本，它是一个HTML属性

我有类似的问题与内联if:s有/没有一些html属性。最后我选择了最基本的。也许这不是一个漂亮的解决方案，但它是有效的。

@if (condition)
{
    <span id="true"></span>
}
else 
{
    <span id="false"></span>
}

经过一些小的测试，这工作得很好!

<span @(someBool ? "selected=selected" : "")>Cool </span>
相关文章：