Question

我正在尝试在angularjs视图中包含一个处理Canvas。它在index.html内部工作但在view中没有工作。下面给出了示例。

https://plnkr.co/edit/3ZaLzswnnVcf71bwrrgp?p=preview

Home.html

        <div class="container">           
            <canvas data-processing-sources="hello.pde"  ></canvas>
            <a href="#/home"> Back</a>
        </div>


Index.html
<!DOCTYPE html>
<html>
    <head lang="en">
    <script src="http://code.jquery.com/jquery-1.12.0.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular-route.min.js"></script>
    <script type="text/javascript" src="main.js"></script>
    <script src="http://cdnjs.cloudflare.com/ajax/libs/processing.js/1.4.1/processing.min.js"></script>
    </head>
    <body>

      <div ng-app="mainApp">
        <ng-view></ng-view>
      </div>

    </body>
</html>

Answer 1

ng-view是ngRoute的指令。你应该做的只是包括你的模板：

<div ng-include="Home.html"></div>

如果您想使用ng-view，则必须设置应用以使用ngRoute。

Example

processing.js在angularjs视图中空白

1 个答案: