Как передать значение из контроллера в директиву

Question

Как передать значение из контроллера в директиву

0

Это мой контроллер

var controller = app.controller('ctrl', ['$scope', function ($scope) {
$scope.months = ["January", "February", "March", "April",
                "May", "June", "July", "August", "September",
                "October", "November", "December"];
}]);

Это моя директива

app.directive('monthDirective', function () {

return {

    restrict: 'A',
    link: function (scope, elem) {

        var fromDate , toDate;
        scope.$watch('fromdate', function (newValue, oldValue) {
            fromDate = new Date(newValue);
            fromDate = moment(newValue, 'YYYY-MM-DD');
            console.log('newValue', newValue)
        });

        scope.$watch('todate', function (newValue, oldValue) {
            toDate = new Date(newValue);
            toDate = moment(newValue, 'YYYY-MM-DD');
            var range = moment.range(fromDate, toDate);
            console.log('toDate', toDate)
            range.by('months',function (moment) {
                moment.toArray('months');
                console.log('I am the array', moment.toArray('months'));
                var mom = moment.toArray('months');
                for (var i = 0; i <= scope.months.length; i++)
                {
                    for (var j = 0; j <= mom.length;j++)
                    {
                        if(scope.months[i] == mom[j][1])
                        {

                        }
                    }
                }

            });
        });

    }
  }
})

Я хочу получить доступ к $scope.months(present in my controller) в моей директиве, чтобы сделать некоторую логику.

Может ли кто-нибудь предложить мне, как это сделать?

E. Abrakov 09 июнь 2016, в 09:13

Источник

0

Что вам на самом деле нужно? Доступ к родительской области или передать переменную в директиву?
E. Abrakov 09 июнь 2016, в 06:48
0

Мне нужно получить доступ к $ scope.months (который находится в контроллере) в директиве
user6269870 09 июнь 2016, в 06:53

Теги:

javascript

angularjs

2 ответа

3

Хотя вы можете использовать childscope или без области действия, наилучшей практикой является использование изолированной области:

app.directive('monthDirective', function () {

return {
    scope: {
      months: '='
    },
    //The rest
  }
});

Применение:

<div month-directive months="months"></div>

Robin-Hoodie 09 июнь 2016, в 05:08

0

scope: true тоже можно использовать.
Silvinus 09 июнь 2016, в 06:58
1

@ Silvinus, как я уже сказал, можно использовать детскую прицел (область действия: правда), но это плохая практика
Robin-Hoodie 09 июнь 2016, в 06:59
0

Почему плохо ? Это зависит от того, что вам нужно. Если ваша директива зависит от родительской директивы, вы можете использовать scope: true. Я согласен с вами, если директива может быть использована в автономном режиме.
Silvinus 09 июнь 2016, в 07:05
1

@Silvinus Потому что тогда он не может быть использован повторно, если вы не назовете свойства области в родительском контроллере одинаковыми в каждом месте, где вы используете директиву, таким образом создавая тесную связь
Robin-Hoodie 09 июнь 2016, в 07:07
0

Я сказал, что согласен с вами только в том случае, если директива может использоваться отдельно в другом контексте. Но в этом случае мы не знаем сценарий использования ... Я просто хочу сказать, что область применения: истина не плохая практика. Это зависит от того, что вам нужно
Silvinus 09 июнь 2016, в 07:09

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

Ещё вопросы

Что вам на самом деле нужно? Доступ к родительской области или передать переменную в директиву?
Мне нужно получить доступ к $ scope.months (который находится в контроллере) в директиве
@ Silvinus, как я уже сказал, можно использовать детскую прицел (область действия: правда), но это плохая практика
Почему плохо ? Это зависит от того, что вам нужно. Если ваша директива зависит от родительской директивы, вы можете использовать scope: true. Я согласен с вами, если директива может быть использована в автономном режиме.
@Silvinus Потому что тогда он не может быть использован повторно, если вы не назовете свойства области в родительском контроллере одинаковыми в каждом месте, где вы используете директиву, таким образом создавая тесную связь
Я сказал, что согласен с вами только в том случае, если директива может использоваться отдельно в другом контексте. Но в этом случае мы не знаем сценарий использования ... Я просто хочу сказать, что область применения: истина не плохая практика. Это зависит от того, что вам нужно

E. Abrakov · Accepted Answer · 2016-06-09T05-05-00.000Z

По умолчанию директива не создает дочернюю область. Таким образом, вы можете получить доступ к области вашего контроллера по умолчанию:

app.controller('myController', function ($scope) {
  $scope.test = 'test1';
});
app.directive('myDirective', function () {
  return {
    restrict: 'A',
    link: function (scope, elem) {
        console.log(scope.test)
    }
  }
})

http://plnkr.co/edit/5u2c3mYbLyAX4LIC82l2?p=preview

Но NexusDuck правильный. Лучшей практикой является использование изолированной области действия для директивы. Таким образом, вы можете получить доступ к months, передав его в атрибуте директивы

Вы также можете прочитать это. Это очень подробное объяснение наследования наследования.