在Angular JS應用程序中注入ThreeJs模型

這是一個相當普遍的問題。我正在用Angular Js構建一個webapp（v1.5/1.6），我希望使用Three Js添加一些小的3D動畫模型。在Angular JS應用程序中注入ThreeJs模型

我已經嘗試過設置一些小東西，但是Angular拒絕所有三種Js方法......所以如果你們中的任何一個人知道或者已經看到過這方面的任何教程，書籍，文章請不要猶豫分享。

謝謝大家。

來源

2017-09-04 BeeLee

問題，要求我們建議還是找** **書，工具，軟件庫，* *教程**或其他非現場資源對於Stack Overflow而言是無關緊要的，因爲它們傾向於吸引自以爲是的答案和垃圾郵件。相反，請描述問題以及到目前爲止解決問題所做的工作。 –

哦@Juan Ferrer我不知道那個抱歉。我將盡快更新，並附上代碼和細節。謝謝 – BeeLee

關於如何整合ThreeJS和Angular 1/2，有很多例子。

根據我的經驗，最好的方法是通過創建一個指令來初始化ThreeJS（創建相機，場景等等），並像其他指令一樣與控制器通信，從而引發範圍（使用$ watch ）。

例如：

angular.module('nxGeometry', []).directive('nxGeometry', function() { 
    return { 
     restrict: 'A', 
     link: function (scope, element, attrs) { 
       var camera, scene, geometry, renderer, material, object, container; 
       function init() { 
        scene = new THREE.Scene(); 
        // continue init threejs stuff 
       } 
     } 
    } 
});

這裏你可以看到一個完整的示例（不是我）：https://jsfiddle.net/awolf2904/y0dvo582/

來源

2017-09-04 13:32:03 inet123

這真棒！非常感謝你讓我的一天:) 5 * – BeeLee

高興地幫助:)請標記爲接受，所以它將被關閉 – inet123

在Angular JS應用程序中注入ThreeJs模型

回答

相關問題