angularjs 作用域

<div ng-controller="personCtrl" ng-init="person={name:‘wjx‘,age:24,gender:‘男‘}">
    <person></person>
</div>

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

module.directive("person",function(){
return {

restrict:"EA",
            replace:true,
            template:"<div>",
            link:function(scope,element,attr){

              var person = scope.$eval(attr.data);

                element.append("<div>name : " + person.name + "</div>")
.append("<div>gender : " + person.gender + "</div>")
.append("<div>age : " + person.age + "</div>")
            }
        }
    });

var module = angular.module("app",[]);
module.controller("personCtrl",function($scope){
$scope.person= {name:‘wjx‘,age:24,gender:‘男‘};
});
module.directive("person",function(){
return {

restrict:"EA",
            replace:true,
            template:"<div>",
            link:function(scope,element,attr){

              var person = scope.person;

element.append("<div>name : " + person.name + "</div>")
.append("<div>gender : " + person.gender + "</div>")
.append("<div>age : " + person.age + "</div>")
            }
        }
    });