javascript - 如何在 Angular2 中使用 Dojo?

标签 javascript angular typescript dojo

我正在尝试让一个简单的 dojo 模块与 angular2 一起工作。 但是,我无法同时加载 angular2 库和 dojo 库。 我尝试先加载 dojo,然后再加载 angular,反之亦然,但均无济于事。这是我尝试过的:

主.ts

/// <reference path="typings/dojo/dojo.d.ts"/>
/// <reference path="typings/angular2/angular2.d.ts"/>

import {Component, View, bootstrap} from 'angular2/angular2';

declare var require: (moduleId: string) => any;
import dom = require("dojo/dom");
import fx = require("dojo/fx")



@Component({
    selector: 'greeting'
})
@View({
    template: `<div id="innergreeting">Hello From Angular and</div>`
})
class DojoTest{
    constructor(){
        var greeting = dom.byId("innergreeting");
        greeting.innerHTML += ' Dojo!';
        fx.slideTo({
            node: greeting,
            top: 100,
            left: 200
        }).play();
    }
}
bootstrap(DojoTest);

索引.html

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>Tutorial: Hello Dojo!</title>

    <script src="https://github.jspm.io/jmcriffey/bower-traceur-runtime@0.0.87/traceur-runtime.js"></script>
    <script src="https://jspm.io/system@0.16.js"></script>
    <script src="https://code.angularjs.org/2.0.0-alpha.28/angular2.dev.js"></script>

    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>

</head>

<body>

    <greeting></greeting>
    <script>System.import('main');</script>

</body>

</html>

错误:

获取 http://localhost:8080/dojo/dom.js 404(未找到)

获取 http://localhost:8080/dojo/fx.js 404(未找到)

我是 AngularJs 的新手,所以非常感谢您的帮助。

最佳答案

GET http://localhost:8080/dojo/dom.js 404 (Not Found) GET http://localhost:8080/dojo/fx.js 404 (Not Found)

这是由以下代码触发的:

import dom = require("dojo/dom");
import fx = require("dojo/fx");

确保安装了 dojo 🌹

关于javascript - 如何在 Angular2 中使用 Dojo?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32598062/

相关文章:

javascript - 在 JavaScript 中简单替换为用户输入

angular - 以编程方式使用 AsyncPipe - Angular 2

javascript - 紧邻 html 标签下的 div 标签的合法性

javascript - 导致错误的reduce函数

javascript - Angular FormArrays : Valuechanges, 验证器和取消选择复选框的问题

angular - 使用 Angular 中的自定义按钮进行滑动分页/导航

javascript - RxJs:通过distinctUntilChanged() 过滤顺序获取哪些对象键已更改,而不保留外部状态

javascript - 给定值数组时从 json 中提取单个属性

javascript - polymer 1.0 : Setting a boolean property depending on device width

javascript - silverlight 内容在 iframe 中不起作用