如何在asp.net中呈现html

Question

My HTML is: (I'm using knockout)

<p class="req" data-bind="text:loginError"></p> // show error text here

Js code is:

if(serverError == "Incorrect Password"){
    var link = $('<a/>').text("Forget password").attr('href', '/Account/ForgetPassword');
    loginError = "Incorrect password." + link[0].outerHTML + " ?";
}

But output is:

Incorrect password.<a href="/Account/ForgetPassword">Forget password</a> ?

How can I get output as link?

Answer 1

Use "html" ko binding to display HTML elements:

<p class="req" data-bind="text:loginError, html: link"></p>

Then, in your code define both bindings elements:

if(serverError == "Incorrect Password"){
    loginError = "Incorrect password.";
    link = '<a href="/Account/ForgetPassword">Forgot password?</a>';
}

Answer 2

You're inserting a string loginError. You have to insert it as Control. Your placeholder is the

$('p.req').append(logingError):

Answer 3

Did you mean

$('.req').html(link) ?

You are returning link[0].outerHTML that contains the html in text format. If you use your var "link" it contains the jQuery object, so you use it into your p element called '.req'. Here is the example: jsfiddle.net/u8nqmmrk