指令屬性值不通過

Question

嘿每個人我打電話指令和傳遞硬編碼的指令，但它沒有通過。我不能在我的代碼中遇到什麼問題。 代碼：

我打電話指令是這樣的：

<div ng-controller="EmployeeController"> 
    <off-balance user-key="18" collapse-hide="true"></off-balance> 
</div> 

指令代碼：

App.directive('offBalance', ['OffService', 'toaster', OffBalance]); 

function OffBalance(OffService, toaster,) { 
    var directive = { 
      link: link, 
      restrict: 'E', 
      templateUrl: 'app/modules/sometemplate.html', 
      scope: { 
       userKey: '=', 
       collapsehide: '=?', 
      }, 
      scope: true 

     } 
    } 

    return directive; 

    function link(scope, element, attr) { 

     scope.$watch('userKey', function (newVal) { 
      alert("userKey" + newVal); 

     }); 

     scope.$watch('collapsehide', function (newVal) { 
      alert("collapsehide" + newVal); 
     }); 
    } 
} 

用戶鑰和collapsehide都是不確定的。請大家幫我解決了這個問題

Answer 1

刪除scope: true和collapseHide: '=?'同上你守望

更換 collapsehide: '=?'

Answer 2

請在下面找到工作plunker：

https://plnkr.co/edit/y75jQhDCWlEBb2pDNKEs?p=preview

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

App.directive('offBalance', [OffBalance]); 

function OffBalance() { 
    var directive = { 
    link: link, 
    restrict: 'E', 
    scope: { 
     userKey: '=', 
     collapseHide: '=?' 
    } 
} 
return directive; 
} 


function link(scope, element, attr) { 
    scope.$watch('userKey', function(newVal) { 
    alert("userKey" + newVal); 
}); 
console.log(scope); 
scope.$watch('collapseHide', function(collapseHide) { 
    alert("collapsehide" + collapseHide); 
}); 
} 

下面是是點注意：

1. scope是您指令中的兩次。
2. 對於屬性和指令的命名，應該將collapseh隱藏爲角度嚴格。
3. return directive應該是內部function OffBalance()