将参数传递给指令内的隔离范围答案

【问题标题】：Passing parameter to isolated scope inside directive将参数传递给指令内的隔离范围
【发布时间】：2016-04-20 03:54:30
【问题描述】：

我正在尝试将两个不同的参数传递给指令内的隔离范围。当我在控制台中注销值然后崩溃时，我得到了真实的结果，但对于 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

【问题讨论】：

标签： angularjs angularjs-directive angularjs-scope

【解决方案1】：

驼峰式约定在指令中有问题

试试这个。

<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);
      }
     }
    });

【讨论】：