Передача параметра в изолированную область внутри директивы

Question

Передача параметра в изолированную область внутри директивы

0

Я пытаюсь передать два разных параметра в изолированную область внутри директивы. Когда я выхожу из значений в консоли, а затем для коллапса, я становлюсь истинным, но для infoCard я получаю ложное значение. Мой вопрос заключается в том, почему я получаю ложное значение для infoCard. вперед. Это моя директива.

<display-info user="user" collapse="true" infoCard="true"></display-
info>

В моем контроллере я получаю параметр,

angular.module('myApp').directive('displayInfo', function() {
 return {
  templateUrl: "displayInfo.html",
  restrict: "EA",
  scope: {
   user: '=',
   initialCollapse:'@collapse',
   showInfo:'@infoCard'
  },
  controller: function($scope) {
   $scope.collapse = ($scope.initialCollapse === 'true');
   $scope.infoCard = ($scope.showInfo === 'true');
   console.log("collapse---->",$scope.collapse);
   console.log("displyInfo---->",$scope.infoCard);
  }
 }
});

Вот ссылка plunker https://plnkr.co/edit/Gng7e4RRVvg8wPOnqQrk?p=preview

ot954 19 апр. 2016, в 21:31

Источник

Теги:

angularjs

angularjs-scope

angularjs-directive

1 ответ

Ещё вопросы

Wasiq Muhammad · Accepted Answer · 2016-04-19T17-09-00.000Z

Соглашение о верблюжьем деле имеет проблему в директиве

Попробуй это.

<display-info user="user" collapse="true" test="true"></display-info>



 angular.module('myApp').directive('displayInfo', function() {
     return {
      templateUrl: "displayInfo.html",
      restrict: "EA",
      scope: {
       user: '=',
       initialCollapse:'@collapse',
       showInfo:'@test'
      },
      controller: function($scope) {
       $scope.collapse = ($scope.initialCollapse === 'true');
       $scope.infoCard = ($scope.showInfo === 'true');
       console.log("collapse---->",$scope.collapse);
       console.log("displyInfo---->",$scope.infoCard);
      }
     }
    });