如何将html中的值存储到指令中的另一个变量中

Question

下面是我的sample.js

var app = angular.module('myApp',[]);
app.directive('helloWorld', function() {
  return {

      scope: {
          griddata:'=',
        },


    restrict: 'AE',
    replace: 'true',
    template: '<h3>Hello World!!</h3>',
    compile: function(cElem, cAttrs) {
          return {

            post:function(scope, iElement, iAttrs) { 

                scope.variable = iAttrs.griddata;
                alert("inside compile"+scope.variable );
            }};
            } };
});

下面是我的sample.html

<hello-world griddata = "mydata">

我正在尝试将griddata的值即mydata分配给该指令的编译函数中的另一个变量如何执行此操作我必须将此警报作为inside copile mydata，以便我可以将此值发送到另一个控制器.please建议我怎么做。在pre函数中工作正常bt得到TypeError：iAttrs在编译的post函数中是未定义的错误。

由于

Answer 1

尝试scope.variable = iAttrs.griddata;而不是scope.variable ='griddata';