Assign a variable to a dynamic model within an AngularJS scope

Question

Assign a variable to a dynamic model within an AngularJS scope

I am facing an issue with scope closure.

... function(scope) {
    ...
});

Within the scope, I need to achieve the following:

$scope.favoriteTitle = 'some value'

The challenge is that favoriteTitle cannot be static. It needs to be generated dynamically due to multiple possible <item>Title.

This is my current approach.

scope[var + 'Title'] = 'some value'

However, this method does not successfully assign the required value to the scope variable.

I have conducted an inspection using batarang inspector, which confirmed that the variable is not being properly assigned to the scope.

I also tried adding a $watch on that property, but both oldvalue and newvalue remain undefined.

javascript angularjs angularjs-directive angularjs-scope

Answer 1

Answer №1

Give this a shot

$scope.updateValue = function (num) {
        var val = 'someText' + num;   // assume num = 1
        $scope[val] = true;      // $scope.someText1 = true;
    }

Answer 2

Give this a shot

$scope.updateValue = function (num) {
        var val = 'someText' + num;   // assume num = 1
        $scope[val] = true;      // $scope.someText1 = true;
    }

Assign a variable to a dynamic model within an AngularJS scope

Answer №1

Similar questions

Using Angular.js version 1.6.9, you can dynamically apply a class based on a condition by utilizing the

Having trouble transmitting data from the View to the Controller

Retrieving precise information from the backend database by simply clicking a button

Prevent the upward arrow from appearing on the first row and the downward arrow from appearing on the last row when

Firefox does not support jQuery AJAX functionality, unlike Internet Explorer where it works smoothly

Having trouble with Javascript fetch() not receiving the correct JSON data from the local server

The global variable is inaccessible when invoked within a dynamically generated function

Interactive Notification System with MySQL, AJAX, and PHP

Using Typescript to establish a connection between ngModel and an object's property

The drop-down menu remains visible even after clicking outside of it

XMLHttpRequest response: the connection has been terminated

Retrieve the initial data of the AngularJS model upon button click

Encountering an error message saying "assignment to undeclared variable"

Automatically Refresh a Div Element Every 5 Seconds Using jQuery's setInterval() Function

Remove child elements in Jquery that do not match the specific numbers saved in the array

Angular.js dynamically changing ng-class based on long-polling updates to a monitored variable

The 'postMessage' operation was unable to be completed on 'DOMWindow' due to a mismatch in the target and recipient window origins provided ('https://outlook.office.com')

What is the method for displaying all items in Angular Material's auto-complete component, even after a selection has been

Is it possible to modify the inline onkeyup function?

Tally the number of words entered in the text box