Javascript AngularJS指令更新父对象的属性';s范围

Javascript AngularJS指令更新父对象的属性';s范围,javascript,angularjs,angularjs-directive,angularjs-scope,Javascript,Angularjs,Angularjs Directive,Angularjs Scope,我正在构建一个指令,该指令应该更新其父级的范围。基本上这就是我想要的: <div foo="foo.foo"></div> HTML: jsidle:您需要使用'='为foo属性对象使用双向绑定 app.directive( 'foo', function () { return { scope : { foo: '=' }, restrict: 'A', link: fun

我正在构建一个指令,该指令应该更新其父级的范围。基本上这就是我想要的:

<div foo="foo.foo"></div>
HTML:


jsidle:

您需要使用'='为foo属性对象使用双向绑定

app.directive( 'foo', function () {
    return {
        scope : {
            foo: '='
        },
        restrict: 'A',
        link: function ( scope, attrs ) {
            console.log( scope );
            console.log( scope[ attrs.foo ] );
            scope.foo = 'bar';
        }
    };
} );

见更新的

谢谢,你说得对!事实上,我试过了,但它不起作用,但事实上,我没有看到正确的东西。我的问题来自其他地方:/
<div ng-app="app">
    <div ng-controller="fooController">
        {{ foo.foo }}
        <div foo="foo.foo"></div>
    </div>
</div>
var app = angular.module( 'app', [] );

app.directive( 'foo', function () {
    return {
        restrict: 'A',
        link: function ( scope, attrs ) {
            scope[ attrs.foo ] = 'bar';
        }
    };
} );

app.controller( 'fooController', [ '$scope', function ( $scope ) {
    $scope.foo = {
        foo: 'foo'
    };
} ] );
app.directive( 'foo', function () {
    return {
        scope : {
            foo: '='
        },
        restrict: 'A',
        link: function ( scope, attrs ) {
            console.log( scope );
            console.log( scope[ attrs.foo ] );
            scope.foo = 'bar';
        }
    };
} );