контроллер angularjs и директива привязки данных не работает

Question

контроллер angularjs и директива привязки данных не работает

0

У меня есть контроллер и директива, что я хочу использовать двухстороннюю привязку данных к объекту. Цель директивы - просто обновить значение. В настоящее время я не получаю привязку данных к работе должным образом, потому что в событии onchange, когда я обновляю связанную переменную, цвет фона div не изменяется. Также, когда я открываю цветовое колесо, значение колеса не является scope.activeColor.

Мой HTML выглядит так: у него есть директива и div с ng-style.

 <li ng-repeat="(key, color) in colors" ng-style="{'background': 'rgb(' + color.r + ',' + color.g + ','+ color.b}" ng-click="editColour(color)">
 <div ng-style="{'background': 'rgb(' + activeColor.r + ',' + activeColor.g + ','+ activeColor.b}"></div>

 <input type="text" colorwheel value="currentColor">

В моем контроллере я определяю объект:

$scope.editColour = function(colour) {
  $scope.activeColor = colour;
};

Моя директива такова:

.directive('colorwheel', function() {
      return {
          restrict: 'A',
          link: function(scope, element) {
            var currentColor = 'rgb(' + scope.activeColor.r + ',' + scope.activeColor.g + ',' + scope.activeColor.b + ')';
            scope.currentValue = {color: currentColor};
            element.minicolors({
              control: 'wheel',
              format: 'rgb',
              inline: true,
              opacity: false,
              change: function(value, opacity) {
                var rgb = element.minicolors('rgbObject');
                scope.activeColor.r = rgb.r;
                scope.activeColor.g = rgb.g;
                scope.activeColor.b = rgb.b;
                console.log(rgb);
              }
            });
          }
      };
  });

tester123 30 нояб. 2015, в 20:14

Источник

0

Директива не определяет привязку данных. См. Stackoverflow.com/questions/14050195/…
Tristan 30 нояб. 2015, в 18:36
0

вам, вероятно, нужно смотреть scope.activeColor внутри директивы, это может помочь вам лучше, если вы разместите здесь скрипку или фрагмент
gaurav5430 30 нояб. 2015, в 18:47

Теги:

javascript

jquery

angularjs

angularjs-directive

1 ответ

Ещё вопросы

Директива не определяет привязку данных. См. Stackoverflow.com/questions/14050195/…
вам, вероятно, нужно смотреть scope.activeColor внутри директивы, это может помочь вам лучше, если вы разместите здесь скрипку или фрагмент

Rama Krshna Ila · Accepted Answer · 2015-11-30T19-51-00.000Z

Вам нужно посмотреть переменную activecolor в директиве, чтобы директива понимала, что переменная изменена

Пример может быть

$scope.$watch('activeColor', function (newValue, oldValue) {
                     if (newValue) {
                       //do something with new value
                     }
                 });