访问范围变量从控制器的指令在angular.js

Question

(function() { 
'use strict'; 

angular.module('app') 
    .controller('someController', ['$scope','localStorageService',someController]) 
    .directive('someDirective', someDirective) 

function someController($scope, localStorageService){ 
    $scope.something = { 
     someVar: localStorageService.get('someVar'), 
    }; 
    console.log("someVar: " + $scope.something.someVar);//prints correct value 
} 

function someDirective(){ 
    return { 
     template: {{something.someVar}} 
    }; 
} 

})(); 

在HTML，其中，增加

<div ng-controller="someController"> 
    <div some-directive></div>  
</div> 

，我不断收到一个“参数‘someController’是不是一个功能，得到了未定义”即使someController在打印到控制台时执行得很好。

Answer 1

有模板这里指令的申报错误。

template: {{something.someVar}}缺少引号。

它应该是：template: '{{something.someVar}}'

Answer 2

你可以试试吗？ 这应该是工作

.controller('someController',someController) 
.directive('someDirective', someDirective); 

someController.$inject = ['$scope','localStorageService']; 

Answer 3

移动创建的控制器和指令的函数声明的下一行：

function someController($scope, localStorageService){ 
    $scope.something = { 
     someVar: localStorageService.get('someVar'), 
    }; 
    console.log("someVar: " + $scope.something.someVar);//prints correct value 
} 

function someDirective(){ 
    return { 
     template: {{something.someVar}} 
    }; 
} 

angular.module('app') 
    .controller('someController', ['$scope','localStorageService',someController]) 
    .directive('someDirective', someDirective);