Styjun

Is there a hemisphere-neutral way of specifying a season?

What is the most common color to indicate the input-field is disabled?

How to take photos in burst mode, without vibration?

How is it possible to have an ability score that is less than 3?

Watching something be written to a file live with tail

Could gravitational lensing be used to protect a spaceship from a laser?

How do I write bicross product symbols in latex?

Why can't we play rap on piano?

Modeling an IP Address

Emailing HOD to enhance faculty application

Infinite Abelian subgroup of infinite non Abelian group example

How to prevent "they're falling in love" trope

What's the point of deactivating Num Lock on login screens?

How can saying a song's name be a copyright violation?

Why "Having chlorophyll without photosynthesis is actually very dangerous" and "like living with a bomb"?

AES: Why is it a good practice to use only the first 16bytes of a hash for encryption?

Fully-Firstable Anagram Sets

Combinations of multiple lists

In Romance of the Three Kingdoms why do people still use bamboo sticks when papers are already invented?

Why is Collection not simply treated as Collection<?>

What do you call someone who asks many questions?

Why is consensus so controversial in Britain?

Western buddy movie with a supernatural twist where a woman turns into an eagle at the end

Brothers & sisters

AngularJS md-select Ties two select values together

What are valid values for the id attribute in HTML?Which “href” value should I use for JavaScript links, “#” or “javascript:void(0)”?How can I merge properties of two JavaScript objects dynamically?How can I know which radio button is selected via jQuery?How can I get query string values in JavaScript?Get selected value in dropdown list using JavaScript?Get selected text from a drop-down list (select box) using jQueryHow does data binding work in AngularJS?“Thinking in AngularJS” if I have a jQuery background?AngularJS: Service vs provider vs factory

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

I am trying to create a multi-select in angular where one of the elements in the array being selected from is a clone of another element in the array. This cloned element has some fields changed in it.

<md-select ng-model="$ctrl.modbusMeterDataParameters.points"
 md-on-close="$ctrl.unitSelect()" multiple no-dirty>
 <md-option ng-repeat="point in $ctrl.getPoints()" ng-value="point">
 point.name
 </md-option>
</md-select>

Originally I was getting a $$hashkey error but I fixed this by adding track by to my md-option tag:

<md-option ng-repeat="point in $ctrl.getPoints() track by point.name"
 ng-value="point">
 point.name
</md-option>

But there is still an angular generated field on the points called $$mdselectid that is the same for the original element and the cloned element. I am creating the cloned element as follows:

this.filteredPoints = this.filterAndSortPoints(this.points);
const threePhaseDataPoint = _.cloneDeep(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

I am currently getting around the problem by doing this:

if (threePhaseDataPoint.$$mdSelectId) 
 threePhaseDataPoint.$$mdSelectId = this.filteredPoints.length * 2;

But this seems very hacky. I am wondering if there is a better way to do this?

javascript html angularjs

share|improve this question

edited Mar 21 at 21:21

georgeawg

34.5k115370

asked Mar 21 at 17:47

Nikhil BadamiNikhil Badami

104

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  The angular.copy function will clone objects and omit properties that start with a dollar ($) sign.
  
  – georgeawg
  Mar 21 at 21:29
  

  
  
  
  

add a comment | 

0

I am trying to create a multi-select in angular where one of the elements in the array being selected from is a clone of another element in the array. This cloned element has some fields changed in it.

<md-select ng-model="$ctrl.modbusMeterDataParameters.points"
 md-on-close="$ctrl.unitSelect()" multiple no-dirty>
 <md-option ng-repeat="point in $ctrl.getPoints()" ng-value="point">
 point.name
 </md-option>
</md-select>

Originally I was getting a $$hashkey error but I fixed this by adding track by to my md-option tag:

<md-option ng-repeat="point in $ctrl.getPoints() track by point.name"
 ng-value="point">
 point.name
</md-option>

But there is still an angular generated field on the points called $$mdselectid that is the same for the original element and the cloned element. I am creating the cloned element as follows:

this.filteredPoints = this.filterAndSortPoints(this.points);
const threePhaseDataPoint = _.cloneDeep(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

I am currently getting around the problem by doing this:

if (threePhaseDataPoint.$$mdSelectId) 
 threePhaseDataPoint.$$mdSelectId = this.filteredPoints.length * 2;

But this seems very hacky. I am wondering if there is a better way to do this?

javascript html angularjs

share|improve this question

edited Mar 21 at 21:21

georgeawg

34.5k115370

asked Mar 21 at 17:47

Nikhil BadamiNikhil Badami

104

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  The angular.copy function will clone objects and omit properties that start with a dollar ($) sign.
  
  – georgeawg
  Mar 21 at 21:29
  

  
  
  
  

add a comment | 

I am trying to create a multi-select in angular where one of the elements in the array being selected from is a clone of another element in the array. This cloned element has some fields changed in it.

<md-select ng-model="$ctrl.modbusMeterDataParameters.points"
 md-on-close="$ctrl.unitSelect()" multiple no-dirty>
 <md-option ng-repeat="point in $ctrl.getPoints()" ng-value="point">
 point.name
 </md-option>
</md-select>

Originally I was getting a $$hashkey error but I fixed this by adding track by to my md-option tag:

<md-option ng-repeat="point in $ctrl.getPoints() track by point.name"
 ng-value="point">
 point.name
</md-option>

But there is still an angular generated field on the points called $$mdselectid that is the same for the original element and the cloned element. I am creating the cloned element as follows:

this.filteredPoints = this.filterAndSortPoints(this.points);
const threePhaseDataPoint = _.cloneDeep(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

I am currently getting around the problem by doing this:

if (threePhaseDataPoint.$$mdSelectId) 
 threePhaseDataPoint.$$mdSelectId = this.filteredPoints.length * 2;

But this seems very hacky. I am wondering if there is a better way to do this?

javascript html angularjs

share|improve this question

edited Mar 21 at 21:21

georgeawg

34.5k115370

asked Mar 21 at 17:47

Nikhil BadamiNikhil Badami

104

<md-select ng-model="$ctrl.modbusMeterDataParameters.points"
 md-on-close="$ctrl.unitSelect()" multiple no-dirty>
 <md-option ng-repeat="point in $ctrl.getPoints()" ng-value="point">
 point.name
 </md-option>
</md-select>

<md-option ng-repeat="point in $ctrl.getPoints() track by point.name"
 ng-value="point">
 point.name
</md-option>

this.filteredPoints = this.filterAndSortPoints(this.points);
const threePhaseDataPoint = _.cloneDeep(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

if (threePhaseDataPoint.$$mdSelectId) 
 threePhaseDataPoint.$$mdSelectId = this.filteredPoints.length * 2;

share|improve this question

edited Mar 21 at 21:21

georgeawg

34.5k115370

asked Mar 21 at 17:47

Nikhil BadamiNikhil Badami

104

share|improve this question

edited Mar 21 at 21:21

georgeawg

34.5k115370

asked Mar 21 at 17:47

Nikhil BadamiNikhil Badami

104

edited Mar 21 at 21:21

georgeawg

34.5k115370

edited Mar 21 at 21:21

georgeawg

34.5k115370

asked Mar 21 at 17:47

Nikhil BadamiNikhil Badami

104

asked Mar 21 at 17:47

Nikhil BadamiNikhil Badami

104

1 Answer
1

active

oldest

votes

0

Replace the _.cloneDeep with angular.copy:

this.filteredPoints = this.filterAndSortPoints(this.points);
̶c̶o̶n̶s̶t̶ ̶t̶h̶r̶e̶e̶P̶h̶a̶s̶e̶D̶a̶t̶a̶P̶o̶i̶n̶t̶ ̶=̶ ̶_̶.̶c̶l̶o̶n̶e̶D̶e̶e̶p̶(̶t̶h̶i̶s̶.̶f̶i̶l̶t̶e̶r̶e̶d̶P̶o̶i̶n̶t̶s̶[̶0̶]̶)̶;̶
const threePhaseDataPoint = angular.copy(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

The angular.copy function clones objects and omits properties that start with a dollar ($) sign. This will force md-select to generate new internal variables.

share|improve this answer

answered Mar 21 at 21:50

georgeawggeorgeawg

34.5k115370

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55286392%2fangularjs-md-select-ties-two-select-values-together%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

0

Replace the _.cloneDeep with angular.copy:

this.filteredPoints = this.filterAndSortPoints(this.points);
̶c̶o̶n̶s̶t̶ ̶t̶h̶r̶e̶e̶P̶h̶a̶s̶e̶D̶a̶t̶a̶P̶o̶i̶n̶t̶ ̶=̶ ̶_̶.̶c̶l̶o̶n̶e̶D̶e̶e̶p̶(̶t̶h̶i̶s̶.̶f̶i̶l̶t̶e̶r̶e̶d̶P̶o̶i̶n̶t̶s̶[̶0̶]̶)̶;̶
const threePhaseDataPoint = angular.copy(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

The angular.copy function clones objects and omits properties that start with a dollar ($) sign. This will force md-select to generate new internal variables.

share|improve this answer

answered Mar 21 at 21:50

georgeawggeorgeawg

34.5k115370

add a comment | 

0

Replace the _.cloneDeep with angular.copy:

this.filteredPoints = this.filterAndSortPoints(this.points);
̶c̶o̶n̶s̶t̶ ̶t̶h̶r̶e̶e̶P̶h̶a̶s̶e̶D̶a̶t̶a̶P̶o̶i̶n̶t̶ ̶=̶ ̶_̶.̶c̶l̶o̶n̶e̶D̶e̶e̶p̶(̶t̶h̶i̶s̶.̶f̶i̶l̶t̶e̶r̶e̶d̶P̶o̶i̶n̶t̶s̶[̶0̶]̶)̶;̶
const threePhaseDataPoint = angular.copy(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

The angular.copy function clones objects and omits properties that start with a dollar ($) sign. This will force md-select to generate new internal variables.

share|improve this answer

answered Mar 21 at 21:50

georgeawggeorgeawg

34.5k115370

add a comment | 

Replace the _.cloneDeep with angular.copy:

this.filteredPoints = this.filterAndSortPoints(this.points);
̶c̶o̶n̶s̶t̶ ̶t̶h̶r̶e̶e̶P̶h̶a̶s̶e̶D̶a̶t̶a̶P̶o̶i̶n̶t̶ ̶=̶ ̶_̶.̶c̶l̶o̶n̶e̶D̶e̶e̶p̶(̶t̶h̶i̶s̶.̶f̶i̶l̶t̶e̶r̶e̶d̶P̶o̶i̶n̶t̶s̶[̶0̶]̶)̶;̶
const threePhaseDataPoint = angular.copy(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

The angular.copy function clones objects and omits properties that start with a dollar ($) sign. This will force md-select to generate new internal variables.

share|improve this answer

answered Mar 21 at 21:50

georgeawggeorgeawg

34.5k115370

this.filteredPoints = this.filterAndSortPoints(this.points);
̶c̶o̶n̶s̶t̶ ̶t̶h̶r̶e̶e̶P̶h̶a̶s̶e̶D̶a̶t̶a̶P̶o̶i̶n̶t̶ ̶=̶ ̶_̶.̶c̶l̶o̶n̶e̶D̶e̶e̶p̶(̶t̶h̶i̶s̶.̶f̶i̶l̶t̶e̶r̶e̶d̶P̶o̶i̶n̶t̶s̶[̶0̶]̶)̶;̶
const threePhaseDataPoint = angular.copy(this.filteredPoints[0]);
threePhaseDataPoint.name = this.fullMeterDataLabel;
this.filteredPoints.push(threePhaseDataPoint);

share|improve this answer

answered Mar 21 at 21:50

georgeawggeorgeawg

34.5k115370

answered Mar 21 at 21:50

georgeawggeorgeawg

34.5k115370

answered Mar 21 at 21:50

georgeawggeorgeawg

34.5k115370