6

selected.childに変数 を設定して、他の場所で使用できるようにしようとし$scopeています。私はまだAngularのスコープに慣れていませんが、ディレクティブ内からスコープに何かを設定できない理由がわかりません。スコープ関数を呼び出すことができます。

私はそれ用のJSfiddleを持っており、コードは以下に掲載されています。

事前に助けてくれてありがとう。

HTML:

<div ng-controller="DashCtrl">
     <h3>{{selected.child}}<h3>

   <div ng-repeat="child in children" select={{child}}>
      {{child.username}}
    </div>
</div>

ジャバスクリプト：

var dash = angular.module('dash', []);

dash.directive('select', function () {
  return {
    restrict: "A",
    scope: false,
    link: function (scope, element, attrs) {
      element.bind('click', function () {
        scope.selected.child = jQuery.parseJSON(attrs.select); //Neither this
        scope.setSelected(jQuery.parseJSON(attrs.select));  //Nor this is working

          if (attrs.select != scope.selected) {
            other_elements = angular.element(document.querySelectorAll('[select]'));
                for (var i = 0; i < other_elements.length; i++) {
                    elm = jQuery(other_elements[i]);
                    elm.css('background', 'none');
                }
                element.css('background', '#F3E2A9');
          }
      });
    }
  };
});

dash.controller('DashCtrl', function ($scope) {
  $scope.setSelected = function (child) {
    $scope.selected.child = child;
  };

  $scope.children = [{
    "age_group": "6-8",
        "username": "my_child"
  }, {
    "age_group": "8-10",
        "username": "another_child"
  }];

  $scope.selected = {
    child: "none"
  };


});
4

1 に答える 1

11

$apply の呼び出しがありません。以下のようにコードを変更してください。

         scope.selected.child = jQuery.parseJSON(attrs.select); //Neither this
            //    scope.setSelected(jQuery.parseJSON(attrs.select)); //Nor this is working
scope.$apply();
于 2013-05-10T17:15:39.653 に答える