1

我试图弄清楚是否有可能获得可以从隔离范围获得的属性绑定的自动功能：

scope : { someAttr: '@' }

同时保留透明范围-->parentScope 属性访问scope.$new()：

$scope.foo = 'foo';
$scope.bar = 'bar';

var childScope = $scope.new();
childScope.foo = 'childFoo';

// childScope == { foo: 'childFoo', bar: 'bar' }

想法？我不知道如何在控制器中创建一个新范围，然后将属性从指令发送到那个......？？？

需要明确的是，我最终想要一个控制器：

$scope === {
           attr : << attribute from directive instance >>
    , parentKey : << transparent to parent diretive's scope >>
}
4

1 回答 1

1

自己做这件事其实很简单。您使用该$parse服务将表达式转换为函数，然后在作用域上公开该函数。

Angular 在指令代码中遇到&范围时在内部执行的操作就是这样：https ://github.com/angular/angular.js/blob/master/src/ng/compile.js#L892-L898

因此，您可以只创建一个小型辅助函数，为您在所需属性上执行此三行。

/*
 * Creates a child scope, turning the property names in the whatToGetter
 * array into getters
 * @param parentScope scope to inherit
 * @param whatToGetter array of string properties to turn into getters 
 *                     of the parent on the child scope
 * @returns scope new child scope
 */
function childScope(parentScope, whatToGetter) {
  var child = parentScope.$new();
  angular.forEach(whatToGetter, function(property) {
    var getter = $parse(parentScope[property]);
    child[property] = function() {
      return getter(parentScope);
    };
  });
  return child;
}

var scope = {foo: '1', bar: '2'};
var child = childScope(scope, ['bar']);
console.log(child.foo); // --> 1
console.log(child.bar()); // --> 2
于 2013-06-03T12:57:31.747 回答