ngModel' complex structures generation process

Question

ngModel' complex structures generation process

Exploring the possibility of utilizing Angular's method for nesting properties deeply, similar to how the ng-model directive accomplishes it. For example, in a view we can create a very complex object within a scope by specifying:

ng-model="data.obj1.prop2.attr3.value4.text"

. The goal is to achieve this level of nesting easily within a controller or service without needing to reinvent the wheel or resorting to external solutions found on sites like this or this. Is there perhaps an undocumented function such as angular.create(path_str) that could facilitate this process?

javascript angularjs object angularjs-scope angularjs-service

Answer 1

Answer №1

To accomplish this, you can utilize the $parse service. It provides a getter and setter function that should be able to meet your requirements.

    var getter = $parse('prop1.prop2.prop3.prop4');
    var setter = getter.assign;
    setter($scope,"value1111");

You can view an example in this fiddle http://jsfiddle.net/cmyworld/m7gxn/

Additionally, this alternative method may also work

$scope.$eval("prop2.prop2.prop3.prop4=55");

Answer 2

To accomplish this, you can utilize the $parse service. It provides a getter and setter function that should be able to meet your requirements.

    var getter = $parse('prop1.prop2.prop3.prop4');
    var setter = getter.assign;
    setter($scope,"value1111");

You can view an example in this fiddle http://jsfiddle.net/cmyworld/m7gxn/

Additionally, this alternative method may also work

$scope.$eval("prop2.prop2.prop3.prop4=55");

ngModel' complex structures generation process

Answer №1

Similar questions

Passing an HTML5 video element as a prop in Vue.js

Guide to pulling and showcasing information from XML at 30-second intervals using JQUERY AJAX and HTML

sound not functioning on iPad

Is there a risk of bandwidth consumption for users when AngularJS and JQuery are used simultaneously?

What is the correct way to chain Promises for the tasks of creating a new user and hashing their password simultaneously?

"Vue: Elevate Your Design with Seamless Color Trans

JavaScript: Remove duplicates and count the number of unique properties in an array

Modify the scope in the middle of a scope function

Is there a way to transfer the value from one directive to another directive template and access it in a different directive's scope?

Error: The function seems to be malfunctioning or missing

Is javascript or ajax the best choice for updating a database in asp.net mvc?

Regular occurrences of heap memory exhaustion within a node.js application running in a docker container

How can I activate a function or pass a selected value to a different scope variable using AngularUI Bootstrap Datepicker?

What is the best way to serve index.html from a Node.js/Express application?

Using Selenium to continuously scroll to the bottom of the webpage

Can JSON files be used to store arrays with multiple dimensions?

Running the command "npm start" is resulting in an error message stating: "ENOENT: no such file or directory ... package.json"

Modify the styling of the initial picture in a Google Drive file

Implement a Codeigniter model that utilizes JavaScript to insert an ID

Implementing JSON web tokens on the client side using Node.jsHere are the steps to implement