Question

我在html中有以下指令：

<as-excel-download institutionId="vm.reportInstitution.id"></as-excel-download>

指令如下所示：

(function() {
'use strict';

angular
    .module('aposoft.common')
    .directive('asExcelDownload', asExcelDownload);

function asExcelDownload() {
    var directive = {
        restrict: 'E',
        scope: {                
            institutionId: '='
        },
        templateUrl: 'app/common/exceldownload/asExcelDownload.html'
    };
    return directive;

    ////////////
}
})();

，指令模板如下所示：

<a href="/api/schedulerecordexcel/monthreport/{{institutionId}}">
  <img src="./Excel.PNG" alt="icon" />
</a>

实际上我并不知道为什么{{institutionId}}在指令模板html中是emty。如果我在上述每个文件（控制器中的作用域）中将 institutionId 更改为 vm ，并且在指令模板html中通过vm访问机构ID，那么一切正常。有谁知道我在这里做错了什么？

Answer 1

我认为您使用了错误的名称作为属性，所以基本上这部分：

<as-excel-download institutionId="vm.reportInstitution.id"></as-excel-download>

应该是这样的：

<as-excel-download institution-id="vm.reportInstitution.id"></as-excel-download>

AngularJS值在directive和template-html中不可见

1 个答案: