Question

我有组件，项目和文档该项目有一些领域和一些文件。

我有 controller.js 和 service.js 项目， controller.js 和 service.js 用于文档

我的申请中根本没有使用$scope

我想要做的是当我选择一行来显示它的文档时

我在文档controller中使用此功能来获取文档

 documentCtrl.callServer = function callServer(projectId) {
     return documentsService.getDocuments(projectId).then(
             function(result) {
                 documentCtrl.displayed = result.documents;
             });
 }

我在文档表中显示documentCtrl.displayed

并在项目控制器中使用此功能来选择行

 projectCtrl.toggleSelection = function indexof(row){
                                 projectCtrl.ViewMode = 1;
                                 projectCtrl.showViewProjectPanel(row);
                                 projectCtrl.selectionRow = row;
                                 $scope.passSelectionRow = row;
 }

你可以看到我试图从我的项目document中调用controller函数，但它没有用。

我试图像那样解决问题

<table class="table table-condensed table-striped"
            st-pipe="doc.callServer(proj.selectionRow.projectId  )" st-table="doc.displayed"
            st-safe-src="doc.rowCollection">
            <thead>
                <tr>
                    <th  class="col-sm-1 grid_header" layout-align="center center" style="text-align: center; vertical-align: bottom;"><md-checkbox   aria-label="1"></th>
                    <th class="col-sm-1 grid_header" style="text-align: center; vertical-align: middle;"><font size="3" color="#ffffff" >document Name</font></th>
                    <th class="col-sm-1 grid_header" style="text-align: center; vertical-align: middle;"><font size="3" color="#ffffff" >Description</font></th>
                </tr>
            </thead>
            <tbody>
                    <tr ng-repeat="row in doc.displayed" ng-class="{selected : row.documentId == doc.selectedRowId}">
                        <td class="col-sm-1" style="text-align: center; vertical-align: middle; margin: auto;"><md-checkbox  ng-checked="doc.isSelected(row.documentId)" ng-click="doc.toggleSelection(row)"></md-checkbox>

                        <td style="display: none;">{{row.documentId}}</td>
                            <td class="col-sm-1" style="text-align: center; vertical-align: middle;">{{row.documentName}}</td>
                            <td class="col-sm-1" style="text-align: center; vertical-align: middle;">{{row.documentExtension}}</td>
                    </tr>
            </tbody>
        </table>

将projectId传递给构建文档表的函数，但它给了我这个错误

：[$ rootScope：infdig] 10 $ digest（）迭代达成。中止！观察者在最后5次迭代中被解雇：[[{“msg”：“fn：regularInterceptedExpression”，“newVal”：{}，“oldVal”：{}}]，[{“msg”：“fn：regularInterceptedExpression”，“ newVal“：{}，”oldVal“：”...“}]，[{”msg“：”fn：regularInterceptedExpression“，”newVal“：{}，”oldVal“：”...“}]，[ {“msg”：“fn：regularInterceptedExpression”，“newVal”：{}，“oldVal”：“...”}]，[{“msg”：“fn：regularInterceptedExpression”，“newVal”：{}，“ OLDVAL “：” ...“}]]

Answer 1

Yo可以使用ui-router和多个命名视图。 Sample app正在做你想做的事。

在新div

1 个答案: