I have controller codes from different JavaScript files.
NLGoalsCtrl.js
angular.module('mysite').controller('NLGoalsCtrl', function ($scope) {
$scope.goals_selected = [];
});
NLSessionsCtrl.js
angular.module('mysite').controller('NLSessionsCtrl', function ($scope) {
//how can I access $scope.goals_selected here?
});
I am looking for a way to access the $scope.goals_selected from NLSessionsCtrl. Any help would be appreciated. Thank you!
Utilize a factory or service to manage the storage of the goals data, ensuring seamless communication between controllers.
myApp.factory('myService', [function() {
var goals = {};
return {
getGoals: function() {
return goals
},
setGoals: function(op) {
goals = op;
},
}
}])
.controller('NLGoalsCtrl', [function($scope, myService) {
$scope.goals_selected = {};
//Update goals_selected
myService.setGoals($scope.goals_selected );
}])
.controller('NLSessionsCtrl', [function($scope, myService) {
//Fetch
$scope.goals_selected = myService.getGoals();
}]);
The $scope object acts as a connector between the controller and the DOM element it is applied to, ensuring that the scope of $scope remains within the controller.
If you need to access variables in two different controllers, it's recommended to share them using a service or Factory, or by utilizing $rootScope.
Check out this sample application for reference.
If you need to access a specific element across multiple controllers, simply assign it to the $rootScope object and then you can easily retrieve it in any controller of your choice.
Encountering an issue while trying to retrieve data from openDatabase and display it in a listview. Following advice from a thread, I added $scope.$apply(); after $scope.items = $data;, but this resulted in an error: [$rootScope:inprog] $apply already in p ...
Within a PHP project I am working on, I have encountered a need to organize a specific column using a custom condition or order rather than relying on the default ordering provided by DataTable (ascending or descending). The project involves four distinct ...
I have come across similar questions in the past, but I have not found any answers that directly address the issue I am facing in my scenario. In my case, there is a parent component that passes a property to a child component's state. Depending on t ...
Is there a way to simply expand the line by clicking on the arrow icon (expand_more) instead of expanding the entire section? If you want to see code examples in Angular Material, check out this link: https://stackblitz.com/angular/oyybnyopyemm?file=app%2 ...
I am passing a state to a component as a prop in the following way: componentDidMount() { axios.get("path/to/data") .then(result => { this.setState({ receivedData: result.data, }); ...
When attempting to set up a sigma.js project with node.js in TypeScript, I encountered a reference error after starting the node.js server: ts-node index.ts The problem seems to be located within the sigma\utils\index.js file. <nodejsproject& ...
I am facing an issue regarding an unexpected character in a node module file. Below is the content of my next.config.js file: /** * @type {import('next').NextConfig} */ const UglifyJsPlugin = require("uglifyjs-webpack-p ...
For my project, I am attempting to dynamically load e-book chapter pages using ajax requests. Here is an example of the HTML markup I am working with: <html><body> <div id="p5"> <div id="p6"> <p class="heading">heading1</p ...
I'm in the process of creating a desktop application. Given my experience with using JavaScript for mobile HTML5 apps, I've been considering using Electron Atom (formerly known as Atom Shell) to develop this desktop application. However, my clie ...
Currently, I am facing an issue with firing the .ajaxComplete function on a demo site. I have referred to this function from this link. Below is my code : <SCRIPT type="text/javascript"> <!-- /* Credits: Bit Repository Source: http://www.bit ...
Is it possible to create elements without using IDs, for example by utilizing ng-model for easier form field validation and other tasks? <div ng-repeat="x in TestData"> <input type="text" id="nameField-{{$index}}"/> </div> The code ...
I am currently in the process of developing a system using React, and as someone new to the framework, I have encountered an issue. I need to include a JavaScript file in my index.html that is located within the src folder. This js file is essential for th ...
Looking to enhance my D3 Js Sankey diagram by adding a donut chart around the company circles. The donut chart will display two values, numsms and nummid, within the company node. Below is an example of what I am trying to achieve: However, I've been ...
I am a new three.js user and still learning Javascript. I successfully completed the "Getting Started" project on threejs.org, which consisted of a rotating cube, with no issues. However, when I attempted to add a wireframe to the project, it suddenly stop ...
How can I obtain log file(s) from a user so that I can analyze them? Is there a way to create a drop area where the user can upload a file, and then I can read it using JavaScript? I am currently using Angular2 rc5 and have node.js running on the backend, ...
After trying to modify the page title in my Angular app using UI Router, I came across a demo that worked perfectly. You can check it out here. However, when I attempted to replicate the same demonstration, it did not work for me. I need to investigate wh ...
Can you assist in resolving this issue by utilizing a form on JSFiddle? If a user fills out the following fields: name, email, phone, message The data should be output to the console. However, if a user adds a file to the field attachment No output ...
I've been working on developing a timesheet app. In the index.js file, I have set up the rendering of a table where the rows are populated from a children array that reads the state to ensure it stays updated. The function AddRow() is functioning prop ...
Can JavaScript be used to determine the version of FireOS that a Kindle device is running when accessing your website? ...
I am attempting to upload an image to a Database using JavaScript on the client-side and PHP on the server-side. The first step is selecting an image from the gallery. After zooming and cropping the image, it should be passed to the database. The issue ...