标签: stackblitz

我正在尝试一个关于stackblitz上的角度元素的非常简单的应用程序，并且遇到了以下问题。

错误：无法构造“ HTMLElement”：请使用“ new”运算符，此DOM对象构造函数不能作为函数调用。

我要做的就是尝试显示世界。在本地使用可视代码执行此操作时，我没有遇到任何问题，但是，此问题在stackblitz中出现。不知道我是否必须在stackblitz上执行一些其他步骤才能运行此应用程序。感谢对此的任何帮助。

这是stackblitz上应用程序的链接。

我在.Net Core 2和Angular 6中有一个网站.我正在尝试使用angular或javaScript创建一个代码编辑器,它将与网站的一部分进行交互,从父级到嵌入式方向,而不是相反,这个代码可以提交给我的服务器一旦完成.可以是任何其他喜欢jsfiddle,jsbin等的编辑器......

所以我对下面的图片很难.我想在我的网站上嵌入类似于Plunker Editor的东西,在这个页面中会有一些事件将被发送到这个嵌入式的plunker,我相信是一个iframe.另外我想知道plunker是否可以提交代码,现在可以通过在内部创建一些按钮并通过Web发送它来手动下载.

PS:对不起,下面的平局上写的是splunk,但我的意思是plunker.

Is it possible to have something like this. If yes, How?

编辑:

另一种可能的解决方案可能是stackblitz,它具有连接到github的能力.

先决条件:用户需要有一个github帐户,让我知道它的地址是什么.

所以我可以加载stackblitz嵌入式可以做的负载:

1. 从github加载角度代码(根据他们的API可能)
2. 通过github API从stackblitz提交,是否可能？如果有,怎么样？
3. 据我所知,可以从父页面到iframe进行通信,因此stackblitz可以从理论上获取该事件的数据.

如果可能的第1点和第2点是否有任何实例？

在这个stackblitz项目中，我们可以使用Object.values()。

我试图在这个Angular项目中使用它，它抛出：

类型“ ObjectConstructor”上不存在属性“值”。

我知道在一般的打字稿项目中，不得不说它是专门针对TSConfig中的ES2017环境的。Stackblitz中是否可以为此设置一些设置？

IIUC Angular应该Object.values从CoreJS获得。

我写了这篇文章，我正在尝试嵌入相应的 Stackblitz 示例。

我点击分享并选择preview only，然后将链接粘贴到媒体中：

https://stackblitz.com/edit/html5-file-api2?embed=1&file=src/app/app.component.ts&view=preview

它不会呈现编辑器，因此代码是可见的。

有任何想法吗？

试图通过英雄大厅教程。生成组件、服务等，在使用 angular 生成器时都很好 - 选择类型，输入名称。

但是在创建路由文件时，如果使用命令行，要输入的命令是：

ng generate module app-routing --flat --module=app

所以我打开生成器，选择模块，并尝试输入“app-routing --flat --module=app”但选项被忽略——“app-routing”是在文件夹中创建的，而不是在根目录中。

那么（如何）我可以将选项传递给生成器？

在尝试复制我遇到的另一个问题时，我尝试使用StackBlitz进行复制。

但是，Angular Material在StackBlitz上似乎不起作用。...关于我可能做错了什么的任何建议或想法？

https://stackblitz.com/edit/angular-e4qp5q

更新资料

该链接现在处于工作状态。问题是我不包括样式导入。

我从 angular.io 网站分叉了本教程： https: //angular.io/start

其中一个步骤是创建一个新组件，因此我右键单击应用程序文件夹，但没有像其网站上的屏幕截图中所示的“Angular Generator”选项。我缺少什么？

我应该看到这个：

我在 Stackblitz 工作，我的一个文件是一个包含一些数据的 JSON 文件。我想将此 JSON 数据放入我的 javascript 文件中index.js。但是如何？

当我尝试使用 加载它时xhr，如下所示：

function loadJSON(callback) {

  var xobj = new XMLHttpRequest();
  xobj.overrideMimeType("application/json");
  xobj.open('GET', './data.json', true); // Replace 'my_data' with the path to your file
  xobj.onreadystatechange = function () {
    if (xobj.readyState == 4 && xobj.status == "200") {
      // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode
      callback(xobj.responseText);
    }
  };
  xobj.send(null);
}

loadJSON( (res) => { …

我更新了这个stackblitz https://stackblitz.com/edit/template-driven-form-demo-bnezpz?file=app/user-form/user-form.component.ts

通过单击“依赖关系”选项卡中的“刷新”按钮，可以将其更新为最新的角度版本。

结果是它一直要求我安装core-js，但无论我按安装多少次都无所谓，它只是不断弹出并要求我安装core-js。怎么了

尝试使用InjectionToken.

在AppModule我有：

    export const tokenConfigKey = new InjectionToken('config');

    const tokenBasedConfig = {
        provide: tokenConfigKey,
        useValue: {
          key: 'value'
      }
    }

并在AppComponent：

    @Component({
      selector: 'my-app',
      template:`<h1>Hello Angular Lovers!</h1>`
    })
    export class AppComponent  {
      constructor(@Inject('config') config,
                  @Inject(tokenConfigKey) configByToken) {
      }
    }

这是一个完整的 stacblitz 示例

使用字符串密钥的注入通过，但使用令牌的注入失败。有什么想法吗？

文章

这是一篇文章，以防有人想玩这个