使用AngularJS JavaScript连接节点JavaScript

-1

我想创建一个编辑配置文件表格。但我的任务是我的editprofile.js不执行。但我给editprofile.js路径在head之间的标签。使用AngularJS JavaScript连接节点JavaScript

但它不加载JavaScript文件，如何将节点JavaScript与AngularJS JavaScript连接起来？

<!DOCTYPE html> 
    <html ng-app="payloads"> 
    <head> 
     <meta charset="utf-8"> 
     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <title>Payload | Edit</title> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
     <!-- load jquery --> 
     <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
      <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> 
      <!-- SPELLS --> 
      <script src="/editprofile.js"></script> 
      <!-- load angular --> 
    </head> 
<div id="column-content"> 
<img alt="payload" src="/images/logo.png"> 
<myspan>Payload</myspan> 
</div> 

<body ng-controller="myCtrl"> 
    <div style="float:right; position:fixed ; right:0 ; bottom:0"> 
     <img> 
    </div> 

    <!-- You only need this form and the form-basic.css --> 
    <form class="form-basic" method="post" action="/kyc/edit"> 
     <div class="form-row"> 
      <div class="fontSize">KYC</div> 
     </div> 

     <div class="form-row"> 
      <div class="greyColor">Know Your Customer</div> 
     </div> 

     <div class="form-row"> 
      <div class="ss-required-asterisk" aria- hidden="true">* Required</div> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>LegalName*</span> 
       <input type="text" name="name" ng-model="name" required> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>CNIC Number*</span> 
       <input name="cnic" ng-model="cnic" required> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>Father Name*<br></span> 
       <input name="fatherName" ng-model="fatherName" required> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>Occupation*</span> 
       <input name="occupation" ng-model="occupation" required> 
      </label> 
     </div> 

     <div class="form-row"> 
      <label> 
       <span>NTN Number</span> 
       <input name="ntn" ng-model="ntn"> 
      </label> 
     </div> 

     <div class="form-row"> 
      <div class="fontSize">Contact Details</div> 
     </div> 

     <div class="form-row"> 
      <button type="submit">Save Changes</button> 
     </div> 
    </form> 
</body> 
</html>

editprofile.js

这是JavaScript文件，显示在输入文本字段用户资料数据。

var app = angular.module('payloads', []); 
var userController = require('./controllers/userController').profileDataArray; 
var profiledata = []; 
profiledata = profiledata.concat(userController()); 
app.controller('myCtrl', function($scope) { 
    $scope.name = profiledata[0]; 
    $scope.cnic = profiledata[1]; 
    $scope.fatherName = profiledata[2]; 
    $scope.occupation = profiledata[3]; 
    $scope.ntn = profiledata[4]; 
});

来源

2015-12-21 Aqib Hameed

你能清理一下代码吗？非常难以阅读。最好把它放在一个笨蛋或jsfiddle。 – SoluableNonagon

这里相当混乱，你引用了AngularJS两次。删除旧的。 –

我删除了旧的一个引用的AngularJS。但仍然问题editprofile.js无法执行。 –

随着require呼叫editprofile.js你似乎想从您的客户端UI代码中加载服务器端代码的NodeJS。这是行不通的。

您的客户端和服务器需要能够通过AJAX进行通信（例如，在客户端使用Angular的$http方法，并在服务器端使用http.createServer）。

来源

2015-12-22 09:40:15 Alnitak

使用AngularJS JavaScript连接节点JavaScript

回答

相关问题