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';
}
};
} );