Директива AngularJS, двусторонняя привязка для настраиваемого числа переменных

Question

Директива AngularJS, двусторонняя привязка для настраиваемого числа переменных

0

При создании директивы при определении области выделения с помощью двухсторонней привязки с использованием = есть ли способ привязать массив переменных области. то есть. если в моем контроллере у меня есть объекты, определенные как $scope.one, $scope.two и т.д., и может быть любое число из них - я хочу, чтобы директива могла обрабатывать настраиваемое количество из них. Как я мог это сделать?

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

.directive("example", function () {
    return {
        scope: {
          one: "=",
          two: "=",
          three: "="
        },
    ...

user648931 22 июль 2016, в 19:31

Источник

0

Для этого у вас есть объект attrs (атрибуты), но вы должны передать объект с таким количеством свойств, сколько хотите, в область действия директивы. Это предпочтительный метод для обработки
Alon Eitan 22 июль 2016, в 17:27
0

Вам нужны переменные для одноразового использования (или) вам нужен массив переменных для двухстороннего связывания, чтобы каждый раз, когда значение переменной внутри вашей директивы изменялось, оно отражалось в вашем главном контроллере?
Arkantos 22 июль 2016, в 17:28
0

Зачем использовать так много отдельных переменных области видимости, а не передавать их как один объект?
charlietfl 22 июль 2016, в 17:29
0

Мне нужно двухстороннее связывание. У меня в контроллере $ watch установлены значения $ один, $ два и т. Д. В контроллере, поэтому, если я изменю любое из них, я хочу, чтобы функция вызывала контроллер.
user648931 22 июль 2016, в 17:31
0

@user648931 user648931 Вы также можете наблюдать за объектом, поверьте мне - используйте объект, гораздо проще обрабатывать и упростить код, делая его более управляемым
Alon Eitan 22 июль 2016, в 17:33

Показать ещё 3 комментария

Теги:

javascript

angularjs

angularjs-scope

angularjs-directive

1 ответ

Ещё вопросы

Для этого у вас есть объект attrs (атрибуты), но вы должны передать объект с таким количеством свойств, сколько хотите, в область действия директивы. Это предпочтительный метод для обработки
Вам нужны переменные для одноразового использования (или) вам нужен массив переменных для двухстороннего связывания, чтобы каждый раз, когда значение переменной внутри вашей директивы изменялось, оно отражалось в вашем главном контроллере?
Зачем использовать так много отдельных переменных области видимости, а не передавать их как один объект?
Мне нужно двухстороннее связывание. У меня в контроллере $ watch установлены значения $ один, $ два и т. Д. В контроллере, поэтому, если я изменю любое из них, я хочу, чтобы функция вызывала контроллер.
@user648931 user648931 Вы также можете наблюдать за объектом, поверьте мне - используйте объект, гораздо проще обрабатывать и упростить код, делая его более управляемым

Robin-Hoodie · Accepted Answer · 2016-07-22T16-03-00.000Z

Конечно, это:

.directive('example', function() {
   return {
     scope: {
       config: '='
     },
     link: function(scope) {
       var firstOption = scope.config[0];
       var secondOption = scope.config[1];
       //...
     }
   }
}

Параметры массива должны храниться с фиксированным индексом, поэтому он будет менее читабельным, чем передача объекта конфигурации

.directive('example', function() {
       return {
         scope: {
           config: '='
         },
         link: function(scope) {
           var firstOption = scope.config.firstOption;
           var secondOption = scope.config.secondOption;
           //...
         }
       }
    }

Лучше также использовать angular.extend для установки значений по умолчанию, чтобы сбросить свойства со значением по умолчанию, но это хороший ответ
Ах, спасибо, это имеет смысл - я попробую это так.
@ user648931 Если этот ответ решил ваш вопрос, вы всегда можете пометить его как принятый