如何在角度js中将自定义指令包含到另一个自定义指令的模板（html）中

Question

我已经有一个指令（appView），它具有一些可以通过templateUrl加载的html。 到目前为止，我需要向另一个指令（appView）所使用的模板中添加一个自定义指令。

请在下面查看我的代码，它无法正常工作。 请问对此有什么帮助吗？

View.html（模板）

<div>
    <div class="dragdrop" id="dropzone" dropzone> //here is my custom directive
        <div class="fileUpload btn btn-primary">
        <span>UPLOAD ASSETS</span>
        <input id="dzFile" type="file" class="upload" />
        </div> 
    </div>
</div>

角js

var appModule = angular.module("Newapp", []);

appModule.directive("appView", appView);
function appView(){
    var directive = {
        restrict: 'E',
        templateUrl: 'app/View.html'
    };
    return directive;
}

appModule.directive("dropzone", function(){  //This is added to the View.html as attribute(see above html code with **)
    var directive = {
        restrict: 'A',
        link: FullDragDrop
    };
    return directive;
});

function FullDragDrop(){
    console.log("soemthing goes here");
}

我怎样才能做到这一点？

Answer 1

该代码对我有用。 确保templateUrl：'app / View.html'存在

<script>

var appModule = angular.module("Newapp", []);

    appModule.directive("appView", appView);

        function appView(){

            var directive = {
                restrict: 'E',
                templateUrl: 'view.html'
            };

            return directive;

      }



    appModule.directive("dropzone", function(){  //This is added to the View.html as attribute(see above html code with **)


         var directive = {
                restrict: 'A',
                link: FullDragDrop
            };

            return directive;

    });




    function FullDragDrop(){

        console.log("soemthing goes here");

    }


</script>

<script type="text/ng-template" id="view.html">
   <div class="dragdrop" id="dropzone" dropzone> //here is my custom directive
          <div class="fileUpload btn btn-primary">
          <span>UPLOAD ASSETS</span>
          <input id="dzFile" type="file" class="upload" />
          </div> 
      </div>
</script>

<body>
  <app-view></app-view>
</body>