如何訪問自定義屬性指令中的父範圍

Question

我是角度js的入門者。

我通過類似的問題How to access parent scope from within a custom directive *with own scope* in AngularJS?

去但答案沒有工作了我的簡單實驗。

這裏是沙箱。 http://jsfiddle.net/VJ94U/1364/

angular.module('mod', []). 
directive('myBind', function() { 
    return { 
    restrict : 'A', 
    scope : { 
     scopeVar : '@' 
    }, 
    link : function(scope,element,attr){ 
     element.attr('ng-bind', scope.scopeVar); 
     element.text(scope.scopeVar); 
    } 
    }; 
}); 


var app = angular.module('app', [ 'mod' ]); 
angular.element(document).ready(function() { 
    angular.module('app').run(function($rootScope){ 
    $rootScope.scopeVar = 'This is scope variable.'; 
    }); 
    angular.bootstrap(document, ['app']); 
}); 

我只是想我自己my-bind（爲ng-bind複製品）

所以屬性my-bind的價值，是一些scopeVariable的名字，每當該範圍變量值的變化，div的內容應該得到用更新後的值更新。

我既沒有得到父範圍變量的值也沒有得到相應的文本元素。

PS：我知道我應該使用=但我只是從@開始至少檢查範圍變量並使用它的值。 PS：我也想避免使用$parent

Answer 1

您可以實現您的自定義ng-bind作爲一個簡單的指令，像這樣的：

<div ng-app="myApp" ng-controller="myCtrl"> 
    <input type="text" ng-model="scopeVar"><br> 
    <div my-bind data="scopeVar"></div> 
</div> 

angular.module('myApp', []) 
    .controller('myCtrl', ['$scope', function($scope) { 
    $scope.scopeVar = "Bind me"; 
    }]) 
    .directive("myBind", function(){ 
    return { 
     template: "<p ng-bind='myVar'></p>", 
     scope: { 
     myVar: "=data", 
     } 
    } 
    });