Подключение узла JavaScript с AngularJS JavaScript

-1

Я хочу, чтобы создать профиль редактирования Форма. Но моя задача в том, что мой editprofile.js не выполняет. Но я даю editprofile.js путь между head тег.Подключение узла JavaScript с AngularJS 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 Похоже, вы пытаетесь загрузить на стороне сервера NodeJS код из вашего кода на стороне клиента пользовательского интерфейса. Это не работает.

Ваш клиент и сервер должны иметь возможность связываться, скорее всего, с AJAX (например, используя методы Angular's $http на клиенте и используя http.createServer на стороне сервера).

источник

2015-12-22 09:40:15 Alnitak

Подключение узла JavaScript с AngularJS JavaScript

ответ

Смежные вопросы