这个AngularJs代码有什么问题-在浏览器代码编辑器- Nodejs中

what is wrong with this AngularJs code- in browser code editor- Nodejs

本文关键字:代码 浏览器 编辑器 Nodejs 问题 AngularJs 什么 这个      更新时间:2023-09-26

我试图创建在浏览器代码编辑器为高中学生从基础水平免费知识共享。经过长时间的搜索,我得到了这个链接。我只是做了一些设置和更改,按照指导提供的链接。

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编辑器示例和demo上,但由于我是这个平台的新手,所以不能有效地使用它)

help much appreciate

谢谢

实际上,你只有普通的HTML,里面没有使用angular的东西。

单独添加一个script标签并不能使某些东西变成"angular代码"。顺便说一句,标签确实在错误的地方,它持有一个古老的角度版本。到目前为止,您应该使用1.5.8版本。如果你想学习如何使用angular,你应该访问教程,通读文档和样式指南。

如果你现在想从angular开始,最好直接看angular 2

移动<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 进入<head>。不确定这是您的问题,但这是我的书中调试过程的第一步。