腳本SRC不加載JavaScript的角度

HTML腳本SRC不加載JavaScript的角度

<!DOCTYPE html> 
<html ng-app="dropApp"> 
<head> 
    <meta charset="utf-8" /> 
    <title>DropBox</title> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
</head> 
<body ng-controller="mainctrl"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script> 


    <div class="jumbotron"> 
     <div class="container"> 
      <div class="col-sm-8 col-sm-offset-2"> 
       <a id="btn-login" ng-click="login()" ng-model="logbut" ng-show="logbut" class="btn btn-success">Login </a> 
       <div ng-include="template"></div> 
      </div> 
     </div> 
    </div> 
    <div class="credits text-center"> 
     <p> 
      Amey Totawar 
     </p> 
    </div> 
    <script src="angularsrc.js"></script> 

</body> 
</html>

JavaScript文件

var dropApp = angular.module("dropApp",[]); 
var path = require('path'); 

dropApp.controller("mainctrl", function($scope) { 
    $scope.logbut = true; 
    $scope.login = function() { 
     $scope.logbut = false; 
     $scope.template = { 
      name: 'login.html', 
      url: path.join(__dirname,'views','login.html') 
     }; 
    } 
});

四處錯誤： GET http://localhost:8600/angularsrc.js網:: ERR_ABORTED，因此角模塊沒有找到。我曾嘗試過包括min.jquery。我也嘗試更改angularsrc.js位置，但沒有任何工作。請幫忙!!

來源

2017-11-18 Amey Totawar

你引用應該是裏面的腦袋像

<html ng-app="dropApp"> 
<head> 
    <meta charset="utf-8" /> 
    <title>DropBox</title> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script> 
    <script src="angularsrc.js"></script> 
</head> 
<body ng-controller="mainctrl"> 
    {{your code or logic goes here}} 
</body> 
</html>

來源

2017-11-18 07:28:43

嘗試，很好，但不是工作！ –

嘗試從HTML標籤類似這樣 <體NG-應用=「dropApp」>刪除NG-應用

–

我不認爲NG-應用在body標籤或html標記將使任何區別，我仍然嘗試過，但沒有成功。 –

<!DOCTYPE html> 
<html ng-app="dropApp"> 
<head> 
    <meta charset="utf-8" /> 
    <title>DropBox</title> 
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" /> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.js"></script> 
    <script src="angularsrc.js"></script> 
</head> 
<body ng-controller="mainctrl"> 
    <div class="jumbotron"> 
     <div class="container"> 
      <div class="col-sm-8 col-sm-offset-2"> 
       <a id="btn-login" ng-click="login()" ng-model="logbut" ng-show="logbut" class="btn btn-success">Login </a> 
       <div ng-include="template"></div> 
      </div> 
     </div> 
    </div> 
    <div class="credits text-center"> 
     <p> 
      Amey Totawar 
     </p> 
    </div> 

</body> 
</html>

，你的JS是相同

var dropApp = angular.module("dropApp", []); 
var path = require('path'); 

dropApp.controller("mainctrl", function ($scope) { 
    $scope.logbut = true; 
    $scope.login = function() { 
     $scope.logbut = false; 
     $scope.template = { 
      name: 'login.html', 
      url: path.join(__dirname, 'views', 'login.html') 
     }; 
    } 
});

這就是你到底找

來源

2017-11-18 08:06:15

如果這是您之前的答案的一部分，爲什麼不合並它們？ –

該方法很好...但爲什麼我不能包含外部js文件？ –

您可以包含。讓我按照自己的方式修改我的帖子。 –

腳本SRC不加載JavaScript的角度

回答

相關問題