使用Razor将禁用属性添加到按钮

Question

我的ViewModel中有一个名为DisableNextButton的bool，我想用它来禁用我视图中的按钮。我应该补充一点，这个按钮位于if语句中。

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

这是我未能成功的实施：

@if(true)
{
    <button type="button" @{ if (Model.DisableNextButton) { <text>disabled="disabled"</text> } } >Next</button>
}

我应该注意，这给了我一个启用功能的按钮。

Answer 1

翻译自this post：

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

基本上，<text>标记是不必要的，因为它不是文本，它是HTML属性。

Answer 2

我有内联的类似问题：s有/没有一些html属性。最后我只是去了最基本的。 Mabey不是漂亮的解决方案，但它很好。

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

经过一些小小的测试之后，这也很好！

<span @(someBool ? "selected=selected" : "")>Cool </span>