angularjs 作用域

1、指令属性取值：通过attr.someAttribute属性名字获取

以下，通过$eval(attr.data)获取value

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

2、通过控制器对指令赋值，关键代码就是在控制器中声明也是我比较喜欢的做法

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