Question

我正在从事激情项目。而且我无法访问范围以将数据传递到后端框架。

这是我的索引文件

app.scss

我的自定义指令

<div id="main-menu" ng-controller="appCtrl">
//some other code
  <div id="includedDocumentsFilter" style="float:right; display:none; padding-right: 10px;">
    <my-documents validate-options="validateDialogOptions()"  call-dialog="showDialog()"> </my-documents>
  </div>
//some other code
</div>

我的控制器

'use strict';
dbApp
    .directive('myDocuments', [
        function () {

                var documentTemplate =
                    ' <div class="caption-row">' +
                    '<kendo-button style="width:62px" ng-click="changeDocument(true)"> Ok </kendo-button>'+
                    '<kendo-button style="width:62px" ng-click="changeDocument(false)" > Revert changes </kendo-button>'+
                    '</div>' 
                    
            }

            return {
                scope: true,
                template: documentTemplate
            }
        }]
    )

Answer 1

首先，我在您的指令中看到一个额外的右花括号。其次，在您的html代码中，显示为display：none的id为“ includedDocumentsFilter”的div。只是想知道您是否隐藏了div，如何才能看到指令中定义的模板。我使用您上面提到的代码在下面添加了一个可工作的jsfiddle链接

dbApp.directive('myDocuments', [
    function () {

            var documentTemplate =
                ' <div class="caption-row">' +
                '<kendo-button style="width:62px" ng-click="changeDocument(true)"> Ok </kendo-button>'+
                '<kendo-button style="width:62px" ng-click="changeDocument(false)" > Revert changes </kendo-button>'+
                '</div>' 


        return {
            scope: true,
            template: documentTemplate
        }
    }]
)

JsFiddle链接：https://jsfiddle.net/anilsarkar/gk2dfh1p/21/

注意：我已经用jsfiddle中的span替换了kendo-button

为什么不能通过控制器访问示波器？

1 个答案: