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

Question

Я пытаюсь передать два разных параметра в изолированную область внутри директивы. Когда я выхожу из значений в консоли, тогда для срыва я становлюсь истинным, но для 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

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