How to Access ViewBag Value from Asp.Net in AngularJs Controller

Question

How to Access ViewBag Value from Asp.Net in AngularJs Controller

Just getting started with AngularJs and encountering an issue with passing a value from a .Net MVC View to an AngularJs Controller. Here's the code snippet in question:

AngularJs controller snippet:

app.controller("RatingApiController", function ($scope, RatingApiService) {

var id = $scope.roomId;
})

MVC View snippet:

<div id="tblSubs" ng-controller="RatingApiController" >
    <span ng-init="roomId = @ViewBag.roomId">something</span>
</div>

What is the best approach to access the roomId value from the Mvc View inside the id variable within the AngularJs controller?

javascript asp.net angularjs asp.net-mvc

Answer 1

Answer №1

Here is a helpful snippet for setting the roomId variable:

ng-init = "roomId = '@ViewBag.roomId'"

You can also send the value using a function like this:

ng-init ="init('@ViewBag.roomId')"

If you have an init function in your controller, you can use it like this:

$scope.init = function(roomId) {

// do something with roomId
}

Answer 2

Here is a helpful snippet for setting the roomId variable:

ng-init = "roomId = '@ViewBag.roomId'"

You can also send the value using a function like this:

ng-init ="init('@ViewBag.roomId')"

If you have an init function in your controller, you can use it like this:

$scope.init = function(roomId) {

// do something with roomId
}

Answer 3

Answer №2

It's recommended to utilize an initialization function:

<div id="tblSubs" ng-controller="RatingApiController" >
    <span ng-init="init(@ViewBag.roomId)">something</span>
</div>

In the respective controller:

app.controller("RatingApiController", function ($scope, RatingApiService) {

    $scope.init = function(roomId) {
        // process the roomId here
    }
})

Answer 4

It's recommended to utilize an initialization function:

<div id="tblSubs" ng-controller="RatingApiController" >
    <span ng-init="init(@ViewBag.roomId)">something</span>
</div>

In the respective controller:

app.controller("RatingApiController", function ($scope, RatingApiService) {

    $scope.init = function(roomId) {
        // process the roomId here
    }
})

How to Access ViewBag Value from Asp.Net in AngularJs Controller

Answer №1

Answer №2

Similar questions

Does anyone know of a nodemon alternative that works on Windows?

The variable in Angular stopped working after the addition of a dependent component

What is the best way to mimic a library using SinonJs?

Tips for avoiding accidentally selecting nearby text while holding down a button on your mobile device

The angular.js routing feature seems to be malfunctioning as the view is not loading properly

Error: The URL type "workspace:" is not supported: workspace:*

Failure to achieve success with jQuery Ajax

Retrieving data from a script within a React component

Enhance text by hovering over it

Removing a selected row from a data table using an HTTP request in Angular 2

What is the syntax for invoking a javascript/typescript constructor while providing an object as an argument?

What is the best way to utilize a promise for a singular variable?

Something is overriding the style created by makestyle material UI that I had implemented

Is it possible to deploy a single aspx.cs file using Visual Studio Web Publish to an Azure Web App, despite any runtime issues with Azure?

What is the process for configuring socket.io to solely listen on a single designated route?

The information does not display in the AngularJS-generated table

Creating Swagger clients from scratch

Use jQuery to eliminate the <tr> elements from a table

Utilize Vue: Bring in the router within a helper class and navigate to a specific

AngularJS ui-router in HTML5 mode is a powerful combination that allows