Dual models integrated into a single timepiece

Question

Dual models integrated into a single timepiece

Let's say I have a watch function that monitors a model in this way...

 $scope.$watch('number', function () {
   $scope.number = $scope.number.replace(/\D/, '');
   $scope.number = $scope.number.replace(/\s+/g, '');
   $scope.number =  $scope.number .replace(/[\W]/g, '');
   });

This feature prevents users from inputting special characters and letters into the text box.

Now, I also have another text box using a different model called ng-model="faxNumber"

Would it be possible to include this model name in the same watch function or should I create a separate one?

Thank you for your help!

javascript angularjs angularjs-scope watch

Answer 1

Answer №1

Implement $watchCollection for an array of elements:

$scope.sortableItems = [
    {order: 1, text: 'apple'},
    {order: 2, text: 'banana'},

];

$scope.$watchCollection('sortableItems', function(newCol, oldCol, scope) {
    for (var index in newCol) {
        //perform necessary operations
    }
});

Answer 2

Implement $watchCollection for an array of elements:

$scope.sortableItems = [
    {order: 1, text: 'apple'},
    {order: 2, text: 'banana'},

];

$scope.$watchCollection('sortableItems', function(newCol, oldCol, scope) {
    for (var index in newCol) {
        //perform necessary operations
    }
});

Dual models integrated into a single timepiece

Answer №1

Similar questions

How to import a module from the root path using TypeScript in IntelliJ IDEA

Beginning external plugin in Angular 4 application

Struggling to remove the image tag from the jQuery ajax response

Resizing Bootstrap Modal using React with a Personalized Dimension

"Implementing a feature to dynamically load Blogspot post content using JSON upon user

Node.js with ejs supports the inclusion of partials, but sometimes struggles to locate the variable that has been defined in the partial file

The tags are showing unexpected strings after the v-for directive

When attempting to render a React child, it is important to note that objects are not valid (found: [object Promise]). If your intention was to display a collection of children, it is advised

Text disappears from navbar after selecting anchor link

Achieving proper functionality of additional directives within uib-tab components

Background image that covers the entire screen, div elements that scroll on top of the landing screen initially

Using async and await inside a setTimeout function within a forEach loop

JavaScript code to retrieve and store data from API endpoints

Display various elements depending on the size of the screen within Next.js

"Learning to extract data from a backend API and display it in a dropdown menu using React

Embedding JQuery within a PHP file

How to Display Bootstrap4 Modal in VueJS without using Jquery

Is there a way to retrieve the name associated with a channel/server ID?

Automatically omitting a selector that mimics a switch

Ways to modify client socket from JavaScript to PHP