將參數傳遞給指令中的隔離範圍

Question

我想將兩個不同的參數傳遞給指令中的隔離作用域。當我在控制檯中註銷值然後進行崩潰時，我得到的是true，但對於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); 
     } 
    } 
    });