Question

在index.html中，代码段：

<body ng-controller="AppCtrl">
  <plantCanvas></plantCanvas>
</body>

plantCanvas是一个自定义指令。所以在app.js中：

angular.module("plantApp", ["ngRoute"])
.controller("AppCtrl",function($scope){
    //
})
.directive("plantCanvas", function() {
    return {
        restrict: "E",
        templateUrl: 'partials/canvas.html',
        controller: 'canvasCtrl',
        scope: {
            data: '='
        }
    };
});

canvasCtrl在单个文件中定义但尚未实现：

function canvasCtrl ($scope) {
    //Nothing here
}

canvas.html中的所有内容都是：

<div>
    <p>blah</p>
</div>

但没有显示任何内容。我尝试添加ngRoute作为依赖关系，如上所示，但它不会改变任何东西。没有错误。我对如何解决这个问题感到很遗憾。

Answer 1

在index.html中尝试此操作

<body ng-controller="AppCtrl">
  <plant-canvas></plant-canvas>
</body>

使用templateUrl不会显示部分HTML

1 个答案: