Pass value from CodeBehind to Angularjs variable

Question

I would like to assign a value from codebehind to an angularjs variable. What is the best way to do this. (say I have a variable var UserInfo in app.js).

If the page is Default.aspx, I would do this in Default.aspx.cs for a JS variable. ASPX:

<script>
    var idSeparator;
</script>

Code Behind:

protected void Page_Load(object sender, EventArgs e)
    {
        if(!IsPostBack)
        {

        }
        AssignValueToJavascriptVariable();           
    }

  private void AssignValueToJavascriptVariable()
    {
   string idSeparator = string.Format("var idSeparator = '{0}';", Constants.ID_SEPARATOR);
   if (!Page.ClientScript.IsClientScriptBlockRegistered("IdSeparator"))
     {
      Page.ClientScript.RegisterClientScriptBlock(this.GetType(),   
       "IdSeparator", idSeparator, true);
        }     
    }

your angular code can access a global variable also.

charlietfl
– charlietfl

2015-01-22 16:33:26 +00:00
Commented Jan 22, 2015 at 16:33 — charlietfl
– charlietfl, Commented Jan 22, 2015 at 16:33

Zaki · Accepted Answer · 2015-01-22 16:33:16Z

3

Another way would be to use properties and from Default.aspx page call it e.g.

public string idSeparator {get { return "test"; }}

In aspx page:

<script type="text/javascript">
       var idSeparator = '<%=idSeparator %>';
 </script>

You can have your property to not be read-only and later on set the property value if you require that.

Or alternatively you can use Asp.net hidden fields.

answered Jan 22, 2015 at 16:33

Zaki

5,6087 gold badges58 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Pass value from CodeBehind to Angularjs variable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related