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編輯器

回答

相關問題