What is the best way to accurately establish a new name for the evolving scope

var tags_offset=[];
$scope.getRelations = function(id, ref, subRef=0){

    tags_offset[ref+'-'+subRef]=0;
    $http.get( CONS.appHttp+ '/tags.php?ID='+id
         +'&ref='+ref
         +'&contentType='+subRef
         +'&offset='+tags_offset[0] ).success(function( data ){
             if(tags_offset > 0){
                 $scope.tagRelations[ref+'-'+subRef] = $scope.tagRelations[ref+'-'+subRef].concat( angular.fromJson( data ));
                 $scope.tagRelations[ref+'-'+subRef].next = data.next;
                tags_offset[ref+'-'+subRef]++;
             }else{

                 $scope.tagRelations[ref+'-'+subRef] = angular.fromJson( data );
                 tags_offset[ref+'-'+subRef]++;
             }
    });
}

I would like the format to be like this: $scope.tagRelations.((ref+'-'+subRef)) for example

$scope.tagRelations.content-1

$scope.tagRelations.video-2

I want to modify 

$scope.tagRelations[ref+'-'+subRef]
...........................................................................

javascriptangularjs

Answer №1

It is not possible.

In order to access properties using dot notation, the property names must be valid identifiers. Since `-` is considered an operator (specifically the subtraction operator), it cannot be used in an identifier name.

To access properties with names that are not valid identifiers, square bracket notation must be utilized instead.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Combining JSON objects to form a new object within a JSON object using JavaScript

Here is the JSON data that I have: {"rows":[ {"shiftId":1,"shift":"Morning","item":"Tea","value":20}, {"shiftId":1,"shift":"Morning","item":"Coffee","value":30}, {"shiftId":2,"shift":"Evening","item":"Tea","value":40}, {"shiftId":2,"shift" ...

javascriptjson

The validation for the start and end dates in the datepicker is not functioning properly when

I have integrated a bootstrap date picker into my website. However, I am encountering an issue where the end date validation does not update when I change the start date after the initial selection. <script type="text/javascript" src="htt ...

javascriptjquerybootstrap-4

A fresh controller instance was instantiated upon calling $state.go() in angular-ui-router

I'm struggling to grasp the concept of routing with angular-ui-router and states. My application is built on ionic (v1), angular, and esri jsapi. I am utilizing the ionic side menu and angular-ui-router. Upon loading my site, the map view is displaye ...

angularjsionic-frameworkangular-ui-router

The toggle checkbox feature in AngularJS seems to be malfunctioning as it is constantly stuck in the "off"

I am trying to display the on and off status based on a scope variable. However, it always shows as off, even when it should be on or checked. In the console window, it shows as checked, but on the toggle button it displays as off Here is the HTML code: ...

javascripthtmlcssangularjstwitter-bootstrap

Using JavaScript code to sift through and eliminate irrelevant data

Recently, I started learning about angular js and came across a link from which I need to extract a list of names and ids. I successfully retrieved the list in json format, but now I need to filter out unwanted items. The criteria for filtering is based ...

javascriptangularjsjson

Angular4 provider being integrated into an AngularJS application offers the provider functionality

I have recently migrated my app from AngularJS to Angular4. Now, I want to create a provider in Angular4 and inject it into the app.config in AngularJS. Here is what I currently have: import { UtilsService } from './../utils/utils.service'; imp ...

angularjsangular

Fixed-positioned elements

I'm facing a small issue with HTML5 that I can't seem to figure out. Currently, I have a header image followed by a menu div containing a nav element directly below it. My goal is to make the menu div stay fixed when scrolling down while keeping ...

javascriptjquerycsshtml

Issue encountered with the DevExtreme npm module: Uncaught TypeError - $(...).dxButton is not recognized as a function

Instructions for installing DevExtreme npm can be found on their official page here: https://www.npmjs.com/package/devextreme var $ = require('jquery'); require('devextreme/ui/button'); var dialog = require('devextreme/ui/dialog&a ...

javascriptjquerynpmwebpackdevextreme

Adding supplementary documents within the app.asar file via electron

This is a Vue application using electron-builder. { "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service build", "electron:build": "vue-cli-service electron:build", "electron:serve": "vue-cli-service electron:serve", ...

javascriptvue.jselectron

issue with cordova-plugin-geolocation functionality on Android mobile device

Having trouble with the cordova-plugin-geolocation plugin in my ionic/cordova app. It functions perfectly on my browser and iOS device, but when I try it on Android, the map fails to display and does not acquire GPS coordinates. Instead, it times out and t ...

angularjscordovaionic-frameworkcordova-plugins

Effortless Ways to Automatically Accept SSL Certificates in Chrome

It has been quite some time that I have been attempting to find a way to automatically accept SSL certificates. Unfortunately, I haven't had any success yet. The scenario is this: I am working on selenium tests and every time I run the test on Chrome, ...

javascriptpythongoogle-chromeseleniumssl

What is the best way to store multiple forms in a single request using React?

Is there a more efficient way for me to save multiple forms in multiple child components from the parent component using just one API request? I have attempted to utilize Context and reducer, which did work. However, I am unsure if this is the best approa ...

javascriptreactjs

Leverage all the documents obtained from a collection to reference in a Vue component

I am attempting to display all documents from a Firestore collection in a table using refs, but I am unsure about accessing each field for template ref. getDocs(collection(db, "usr")) .then((querySnapshot) => { querySnapshot.forEach((doc ...

javascriptfirebasevue.jsgoogle-cloud-firestorevuejs3

Ways to generate multiple void components side by side using React

What is the most efficient method for creating multiple empty inline elements using React in a declarative manner? Suppose I need 8 empty divs, I tried the following approach but it didn't work. Is there a more effective way? render() { return ( ...

javascriptreactjs

Can I use a custom font in an HTML5 canvas?

Has anyone had success importing a custom font for use in HTML5 canvas? I've been trying to do this by loading the font file on my computer, but all my attempts have failed so far. The canvas keeps showing the default font instead of the one I want to ...

javascriptcsshtmlfontshtml5-canvas

Update the VueJS application by loading and replacing the existing JSON data with new information

Is there a way to dynamically re-render the entire v-for loop and DOM after fetching and loading new JSON data to replace the current one? I want to be able to click on different options and have the products updated. Vue.use(VueResource); var produ ...

javascriptjsonvue.js

Discover the Magic of CSS Animation

I am not experienced in CSS animations and have limited knowledge about animations. I am trying to create an animation where a grey box slides down from the top line above the login/register section, but currently it only fades in. If anyone can provide an ...

javascripthtmlcssanimationcss-animations

Setting up Vue CLI 4 with ESLint, TypeScript, Stylelint for SCSS, and Airbnb rules in the VS Code editor with automatic fixes on save

After struggling with configuring Vue CLI 4 with ESLint, Prettier, Airbnb rules, TypeScript, and Vetur, I found myself at a crossroads. The challenges continued to mount as the nature of the problem evolved from my previous attempts.: How to configure Vue ...

javascripttypescriptvue.jseslintvue-cli

Having issues with the input event not triggering when the value is modified using jQuery's val() or JavaScript

When a value of an input field is changed programmatically, the expected input and change events do not trigger. Here's an example scenario: var $input = $('#myinput'); $input.on('input', function() { // Perform this action w ...

javascriptjqueryhtmleventsinput

The name field in the request body is currently undefined

Currently, I am working on developing a basic blog page using technologies such as ejs, JavaScript, Node.js, Express, and body-parser. While working on passing inputs to the command line, specifically for the title, I encountered an issue. When I used req ...

javascriptnode.jsexpressbody-parser