вызов одного и того же объекта options в $ scope

Question

У меня есть тот же объект options в $ scope, и я хочу использовать его более одного раза. Как я могу различать объекты с тем же именем? Это происходит в угловом.

$scope.options = { 
      chart: { 
       type: 'Chart1', 
       height: 450, 
       width:600 
      } 
     }; 
$scope.options = { 
      chart: { 
       type: 'Chart2', 
       height: 400, 
       width:100 
      } 
     }; 

HTML

<myOptions=**"options"**></myOptions> 

Я имею в виду, может быть, я мог бы отнести их к переменной для начинающих?

Answer 1

Там нет причин, чтобы использовать тот же $ scope.name для опций. Я предлагаю вам использовать $ scope.optionsOne и $ scope.optionsTwo. В противном случае, второй $ scope.options перекрывает первые $ scope.options и вы остались только:

$ scope.options = { диаграммы: { типа: 'chart2', высоты: 400, ширина: 100 } };

Удачи вам!

Answer 2

Хотя я не уверен, что из контекста (один объект должен перекрывать друг друга), если вы сохраняете объекты в переменных, то вы можете использовать строгий оператор сравнения:

var opt1 = $scope.options; 

//after a possible change in value 
if(opt1 === $scope.options) doStuff(opt1); //note strict comparison 
else doStuff($scope.options) 

В противном случае, если вы знаете, что ключ [тип] вы ищете, вы можете проверить, что:

if($scope.options[type] == 'chart1') doStuff($scope.options); 

Answer 3

Как мне известно, второй объект «options» переопределяет первый. Было бы лучше использовать функцию конструктора, а не литерал объекта. Объявить функцию и инициализировать значение с помощью параметров. Например:

$scope.options = { 
      myChart: function(param1,param2,param3) { 
       type = param1; 
       height = param2; 
       width = param3; 
      } 
     }; 

$scope.options.myChart(val1,val2,val3); 

Могут быть лучшие решения. Пожалуйста, кто-то поправьте меня, если я ошибаюсь.