为什么我的角度指令没有在隔离范围内获得父控制器范围？

Question

我已经精确地遵循 Angular 文档来获得一个指令，该指令使用一个隔离范围，其中包含来自父控制器范围对象的几个 var。

app.controller('MainCtrl', function($scope) {
    $scope.name = 'Parent Name';

    $scope.pokie = {
        whyIs: "thisUndefined?"
    };
});

app.directive('parseObject', function() {

    var preLink = function($scope, el, att, controller) {
        console.log('[link] :: ', $scope);
    };

    var postLink = function($scope, el, att, controller) {
        console.log('[PostLink] :: ', $scope);
        console.log('[$Parent] :: ', $scope.$parent.name);
    };

    return {

        restrict: 'E',
        scope: {
            myPokie: '=pokie',
            name: '=name'
        },
        template: [
          '<div>',
          '<h1>Directive does not get parent scope</h1>',
          '<h1>{{ myPokie }}</h1>',
          '<h2>{{ name }}</h2>',
          '</div>'
        ].join(''),

        compile: function() {
            return {
                pre: preLink,
                post: postLink
            }
        }
    }
});

http://plnkr.co/edit/FpQtt9?p=preview

谁能告诉我我的代码有什么问题？为什么指令的 Isolate 范围会为“myPokie”和“name”返回未定义的值？

我看到其他人说你必须为此使用 $scope.watch.. 但是 angular 的指令文档没有说明这一点.. 我真的不想使用 $scope.watch 做某事如此琐碎，应该开箱即用。

Answer 1

当您在指令中声明隔离范围时，这意味着您将使用属性将这些值提供给您的指令。

 scope: {
     myPokie: '=pokie',
     name: '=name'
 }

这意味着您的指令范围不会从父范围原型继承。 pokie 属性提供 myPokie 的值 & name 属性将为您的指令提供 name 的值，= 指示双向绑定如果您的 myPokie 值在指令中更改，相同的引用值将更改父控制器。 name 属性也是如此。

你的指令元素标记应该是：

<parse-object pokie="pokie" name="name"></parse-object>

Working Plunkr

Answer 2

您正在使用隔离范围，但您没有传递变量。问题出在您的 HTML 中：

从以下位置更改您的 HTML：

<parse-object></parse-object>

收件人：

<parse-object pokie="pokie" name="name"></parse-object>

隔离作用域从 DOM 元素中获取参数。因此，如果您在范围内声明：

myPokie: '=pokie',

这意味着myPokie 变量应该取自范围内的pokie 属性。您的name: "=name" 可以更改为name: "="，因为它的名称完全相同。

Plunker