processing.js在angularjs視圖內空白

我想包括一個處理帆布內部的一個angularjs view.It工作內部的index.html，但不能在視圖內工作。示例如下。processing.js在angularjs視圖內空白

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>

來源

2016-02-04 vijayakumar gopalakrishnan

NG-視圖是從一個ngRoute指令。你應該做的，而不是僅僅是包括您的模板：如果你想使用ng-view你必須設置你的應用程序與ngRoute工作

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

。

Example

來源

2016-02-04 19:37:19

添加它在main.js變種mainApp = angular.module（「mainApp」，[ 'ngRoute']）; mainApp.config（函數（$ routeProvider）{$ routeProvider 。當（ '/家'，{ templateUrl： 'home.html做爲'，控制器： 'StudentController' }）不work.Forgot貼感謝您的幫助 –

不用擔心，如果您將來可以提供潛水員，我們可以在那裏解決問題並給您一個可行的答案 –

添加示例代碼。再次感謝https://plnkr.co/編輯/ 3ZaLzswnnVcf71bwrrgp？p =預覽 –

processing.js在angularjs視圖內空白

回答

相關問題