Angularjs中的HTML和JAVASCRIPT编辑器

我有一个使用Jhipster创建的angularjs 1.5.8应用程序。Angularjs中的HTML和JAVASCRIPT编辑器

对于我的网站我想制作一个HTML和JAVASCRIPT编辑器。需要允许用户编写HTML代码，但也可以使用JAVASCRIPT。

使用这个库我知道我可以实现以下功能。

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

1：绑定的HTML代码。 2：绑定角代码如果存在于HTML

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

会使在范围正确的值。

但是，我们在HTML

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

这样的事情，我收到了$范围没有定义错误，不知何故$范围值不在脚本标记可用。

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

来源

2017-08-16 Sumit Vairagar

$ scope是Angular的代码中的私有构造函数，所以你不能在脚本标记中使用它，以及为什么你想在那里使用它？用户可以动态创建表格 –

我不确定是谁在问题中添加了-1，如果人们无法理解它，他们仍然可以在添加之前询问-1 @MountainKing感谢您的评论。我确实找到了答案，如果他们面临这样的问题，我会尽快发布以帮助他人。 –

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

我想做两件事。

1：使ng-include使用包含html和javascript的作用域变量工作。

2：在包括字符串，如果我有一个脚本标签，我想它在渲染正确的NG-包括。

要实现＃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>

这样你可以注入一个控制器。

我的要求是非常非常具体的我的投影，我不确定是否其他谁不面对这个问题甚至会明白我在说什么。但对于那些确实面对的人，我希望你有帮助

来源

2017-08-28 12:14:45

Angularjs中的HTML和JAVASCRIPT编辑器

回答

相关问题