Что не так с этим кодом AngularJs - в редакторе кода браузера - Nodejs

Привет, я пытаюсь создать в браузере редактор кода для бесплатного обмена знаниями для школьников с начального уровня. после долгой борьбы с поиском я получил эту ссылку. Я только что сделал некоторые настройки и изменения в соответствии с руководством, доступным в этой ссылке.

var express = require('express');
var path = require('path');
var app = express();
var bodyParser = require('body-parser');
//app.use(bodyParser.urlencoded());

app.use(bodyParser.urlencoded({
  extended: true
}));


//compileX
var compiler = require('compilex');
var option = {stats : true};
compiler.init(option);

app.get('/' , function (req , res ) {

 res.sendfile( __dirname + "/index.html");

});


//app.post('/compilecode' , function (req , res ) {
app.post('/' , function (req , res ) {

    
 var code = req.body.code; 
 var input = req.body.input;
    var inputRadio = req.body.inputRadio;
    var lang = req.body.lang;
    if((lang === "C") || (lang === "C++"))
    {        
        if(inputRadio === "true")
        {    
         var envData = { OS : "windows" , cmd : "g++"};     
         compiler.compileCPPWithInput(envData , code ,input , function (data) {
          if(data.error)
          {
           res.send(data.error);      
          }
          else
          {
           res.send(data.output);
          }
         });
    }
    else
    {
     
     var envData = { OS : "windows" , cmd : "g++"};    
         compiler.compileCPP(envData , code , function (data) {
         if(data.error)
         {
          res.send(data.error);
         }     
         else
         {
          res.send(data.output);
         }
    
            });
    }
    }
    if(lang === "Java")
    {
        if(inputRadio === "true")
        {
            var envData = { OS : "windows" };     
            console.log(code);
            compiler.compileJavaWithInput( envData , code , function(data){
                res.send(data);
            });
        }
        else
        {
            var envData = { OS : "windows" };     
            console.log(code);
            compiler.compileJavaWithInput( envData , code , input ,  function(data){
                res.send(data);
            });

        }

    }
    if( lang === "Python")
    {
        if(inputRadio === "true")
        {
            var envData = { OS : "windows"};
            compiler.compilePythonWithInput(envData , code , input , function(data){
                res.send(data);
            });            
        }
        else
        {
            var envData = { OS : "windows"};
            compiler.compilePython(envData , code , function(data){
                res.send(data);
            });
        }
    }
    if( lang === "CS")
    {
        if(inputRadio === "true")
        {
            var envData = { OS : "windows"};
            compiler.compileCSWithInput(envData , code , input , function(data){
                res.send(data);
            });            
        }
        else
        {
            var envData = { OS : "windows"};
            compiler.compileCS(envData , code , function(data){
                res.send(data);
            });
        }

    }
    if( lang === "VB")
    {
        if(inputRadio === "true")
        {
            var envData = { OS : "windows"};
            compiler.compileVBWithInput(envData , code , input , function(data){
                res.send(data);
            });            
        }
        else
        {
            var envData = { OS : "windows"};
            compiler.compileVB(envData , code , function(data){
                res.send(data);
            });
        }

    }

});

app.get('/fullStat' , function(req , res ){
    compiler.fullStat(function(data){
        res.send(data);
    });
});

app.listen(8080);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<html>
<head>
 <title>Compilex</title>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/PreloadJS/0.6.0/preloadjs.min.js"></script>
</head>
<body>
<center>

<form id="myform" name="myform" method="post" action="/">
<h3>Your Code</h3>
<textarea rows="13" cols="100" id="code" name="code" ></textarea> 
<br/>
<div>
 <input type="submit" value="submit"  name="submit" />
</div>
<div>
 <br/>
Language : <select name="lang">
  <option value="C">C</option>
  <option value="C++">C++</option>
  <option value="Java">Java</option>  
  <option value="Python">Python</option> 
  <option value="CS">C#</option>  
  <option value="VB">VB</option>  
</select>
Compile With Input : 
<input type="radio" name="inputRadio" id="inputRadio" value="true"/>yes
<input type="radio" name="inputRadio" id="inputRadio" value="false"/>No
</div>
<h3>Output</h3>
<textarea rows="10" cols="100" id="input" name="input" ></textarea> 

<br />

</form>
</center>
</body>
</html>

Требование: 1. как скомпилировать входные данные для Python (как настроить с помощью этого приложения) 2. как показать выходные данные во второй текстовой области.

(примечание: проведите много времени с codemirror, примерами редактора ace и демонстрацией, но не смогли использовать его эффективно, так как я новичок в этой платформе)

помогает высоко ценится

Спасибо

Источник

2 ответа

На самом деле, у вас есть просто обычный HTML, и там нет ничего, что использует angular.

Добавление тега скрипта само по себе не создает чего-то "углового кода". Кстати, тег действительно находится не в том месте, и он содержит древнюю угловую версию. К настоящему времени вы должны использовать версию 1.5.8. Если вы хотите узнать, как использовать angulular, вы должны посетить руководство и прочитать документы и руководство по стилю.

Если вы хотите начать сейчас с угловых, то, вероятно, лучше взглянуть прямо на угловые 2

Источник

Переехать <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> в <head>, Не уверен, что это ваша проблема, но это будет первым шагом в моей книге в процессе отладки.

Источник
Другие вопросы по тегам