Angularjs 如何在部分视图中加载syncfusion网格中添加或编辑记录的模板

我必须在网格中编辑和添加记录时，在局部视图中加载添加记录模板以代替网格视图

一,。E在网格视图的位置，我必须加载添加记录模板，不想显示网格，保存模板后，我必须加载添加了新记录的网格 请建议仅使用AngularJS的解决方案

<div ng-controller="LeadListController">
<div class="col-xs-9 col-sm-9 col-lg-9 col-md-9">
    <div id="Grid" ej-grid e-datasource="data" e-allowgrouping="true" e-pagesettings-pagesize="8" e-pagesettings-currentpage="page" e-toolbarsettings-showtoolbar='true' e-toolbarsettings-toolbaritems='tools' e-editsettings-allowdeleting=' true'
        e-editsettings-allowediting='true' e-editsettings-allowadding='true' e-allowpaging="true" e-beginedit="disableedit" e-sortsettings="sorting"
        e-editsettings-editmode='externalform' e-formposition="bottomLeft" e-editsettings-inlineformtemplateid="#template" e-selectedrowindex="selectedRow" e-allowsorting="true" e-endedit="endedit" e-actionbegin="actionBegin" e-actioncomplete="complete">
        <div e-columns>
            <div e-column e-field="EmployeeID" e-headertext="Employee ID" e-textalign="right" e-width="90"></div>
            <div e-column e-field="LastName" e-headertext="Last Name" e-textalign="left" e-width="90"></div>
            <div e-column e-field="FirstName" e-headertext="FirstName" e-textalign="left" e-width="90"></div>
            <div e-column e-field="Title" e-headertext="Title" e-textalign="left" e-width="90"></div>
            <div e-column e-field="City" e-headertext="City" e-textalign="left" e-width="90"></div>
            <div e-column e-field="Country" e-headertext="Country" e-textalign="left" e-width="90"></div>

        </div>
    </div>
</div>

---

子控制器内的

ng if

创建新的子作用域，如

ng include

，从而访问

$scope.$parent.gridpage

将在

ng if

创建的作用域内搜索

gridpage

，因此它不起作用

因此，要访问网格的控制器范围，请使用以下命令

 $scope.back = function () {        
     $scope.$parent.$parent.leadview = false;
     $scope.$parent.$parent.gridpage = true;
     . . . . .

};

---

如果已在编辑时路由视图，则必须由用户自行处理编辑操作，网格将不会处理该操作。我没有使用路由，因为我不必在浏览器地址栏中显示url。我使用ng hide来隐藏网格，并通过用户自己处理编辑操作。我显示了另一个页面来代替网格，但问题是，当我从编辑视图返回时，我必须显示网格，但不起作用，因为它进入子控制器进行编辑操作。如果可能，制作一个小提琴来向我们显示您的问题。类似于$scope.back=function（）{alert（$scope.$parent.gridpage）；alert（$scope.$parent.leadview）；$scope.$parent.leadview=false；$scope.$parent.gridpage=true；}；我已在以下链接上上载代码：：