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>

答

NG-视图是从一个ngRoute指令。你应该做的，而不是仅仅是包括您的模板：如果你想使用ng-view你必须设置你的应用程序与ngRoute工作

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

。

Example

添加它在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视图内空白

相关推荐