我编写了一个需要更新父作用域的angular指令.
angular.module('app').directive('googlePlace',function () { return { restrict: 'A',require: 'ngModel',link: function ($scope,element,attributes,model) { $scope.property1 = 'some val'; $scope.property2 = 'another val'; $scope.$apply(); }; });
但在我的控制器中我这样做:
MyCtrl = function($scope){ $scope.doSave = function(){ // do some logic console.log($scope.property1); console.log($scope.property2); }
}
当doSave运行时,我在控制台中得到未定义的值.如何在不隔离范围的情况下将其应用于父节点范围.我没有此选项,因为同一元素上的另一个指令隔离了作用域.
它应该工作.默认情况下,如果未在指令中指定范围,则使用父范围,因此应设置property1和property2.尝试将指令中的范围设置为false.作为旁注并不是一个好的做法,你在做什么.最好隔离范围并将属性添加为属性.这样你就会有很好的封装.
例如
angular.module('app').directive('googlePlace',scope: { property1: '=',property2: '=' } link: function ($scope,model) { //here you have access to property 1 and 2 }; }); function MyCtrl($scope) { $scope.property1 = null; $scope.property2 = null; $scope.doSave = function(){ // do some logic console.log($scope.property1); console.log($scope.property2); } }
还有你的HTML
<div ng-control="MyCtrl"> <div google-place property1='property1' property2='property2'></div> </div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。