HTML 和 JAVASCRIPT 编辑器 Angularjs

Question

我有一个使用 Jhipster 创建的 angularjs 1.5.8 应用程序。

我想为我的网站创建一个 HTML 和 JAVASCRIPT 编辑器。需要允许用户编写 HTML 代码，但也需要 JAVASCRIPT。

使用这个库我知道我可以实现以下目标。

https://github.com/incuna/angular-bind-html-compile

1：绑定HTML代码。 2: 如果 HTML

中存在，则绑定 Angular 代码

例如：<h1>{{$scope.test}}</h1>

将在范围内呈现正确的值。

但是 html

中的类似内容呢？

<script>
console.log($scope);
</script>

我收到 $scope not defined 错误，不知何故 $scope 值在脚本标记中不可用。

如果有人好奇为什么我需要这样做，因为我们想为应用程序的用户提供创建自己的 Angularjs 表单。

Answer 1

我使用 ng-include 解决了，这里是示例源。

我想做两件事。

1: 让 ng-include 从包含 html 和 javascript.

的范围变量开始工作

2: 在包含的字符串中，如果我有一个脚本标签，我希望它在 ng-include 中正确呈现。

为了实现 #1 我做了以下操作。

使用了 $templateCache 服务。

示例代码。

$templateCache.put('template-form', vm.html + vm.script);

第 2 点

我确保脚本标签的结构如下。

<script>
(function() {
    'use strict';

  angular.module('myApp').controllerProvider.register('AppTemplateController',AppTemplateController);
  AppTemplateController.$inject = ['$scope'];

  function AppTemplateController($scope){
    // WRITE YOUR CODE IN THIS CONTROLLER
    // YOU CAN WRITE YOUR VARIABLES/FUNCTIONS HERE.
    // MAKE SURE TO CALL THE method "vm.submitForm", to submit your form and pass the form object.
  };

})();
</script>

这样你就可以注入控制器了。

我的要求非常针对我的项目，我不确定其他没有遇到过这个问题的人是否能理解我在说什么。但对于那些确实面对它的人，我希望它对你有所帮助

HTML 和 JAVASCRIPT 编辑器 Angularjs

HTML and JAVASCRIPT Editor in Angularjs

angularjs

angularjs-directive

angularjs-scope