AngularJS：从指令更​​新父范围

Question

我有一个角度控制器和指令

调节器

app.controller('gridController',['$scope',function($scope){                     
                    $scope.btns=false;
                    $scope.details_tab=false;
                    $scope.currentid={id:''};
                    $scope.setId=function(id){
                        $scope.currentid=id;
                    };
}]);

指示

       .directive('jqGrid',function(){

                    return{
                        restrict: 'E',
                        //require: 'ngModel',

                        link:function(scope, element, attrs){
                            jQuery("#jqgrid").jqGrid({
                                data : scope.jqgrid_data,
                                datatype : "local",
                                height : 'auto',
                                colNames : ['case', 'Name', 'Assigned Date'],
                                colModel : [
                                    { name : 'act', index:'act', sortable:false }, 
                                    { name : 'id', index : 'id' }, 
                                    { name : 'date', index : 'date', editable : true }, 
                                    { name : 'name', index : 'name', editable : true }, 
                                    { name : 'amount', index : 'amount', align : "right", editable : true }, 
                                    { name : 'tax', index : 'tax', align : "right", editable : true }, 
                                    { name : 'total', index : 'total', align : "right", editable : true }, 
                                    { name : 'note', index : 'note', sortable : false, editable : true }],
                                rowNum : 10,
                                rowList : [10, 20, 30],
                                pager : '#pjqgrid',
                                sortname : 'id',
                                toolbarfilter: true,
                                viewrecords : true,
                                sortorder : "asc",
                                gridComplete: function(){

                                },
                                multiselect : true,
                                autowidth : true,
                                onSelectRow : function (rowid, status) {
                                              scope.btns=true;
                                               scope.details_tab=true;
                                                scope.currentid='';
                                                }

        })}});

HTML：

            <jq-grid jqdata="jqgrid_data">
                <table id="jqgrid" ></table>
            </jq-grid>

在指令中我想更新范围中的变量它在本地范围内更新但不在控制器范围内更新。如何直接更新范围？

Answer 1

添加scope: true返回指令对象的scope: true 。

.directive('jqGrid',function(){
    return {
        restrict: 'E',
        scope: true,
        ...

Answer 2

app.controller('gridController',['$scope',function($scope){                     
                    $scope.btns=false;
                    $scope.details_tab=false;
                    $scope.currentid={id:''};
                    $scope.setId=function(id){
                        $scope.currentid.id=id; // change 
                    };
}]);

  onSelectRow : function (rowid, status) {
                                              scope.btns=true;
                                               scope.details_tab=true;
                                                scope.currentid.id=rowid;
                                                }

Answer 3

我修复了这个问题

           scope.$apply();