Angular不会在ng-view中加载外部脚本
嗨，我尝试创build简单的networking应用程序。 首先，我创build了我的第一页，当我把它加载到我的电脑没有节点一切都很好。 问题出现了，当我把它放到节点服务器（在同一台机器上的本地主机上），该网站也加载罚款和angular度的脚本，但问题是与外部脚本负责做好看的validation。 在浏览器控制台脚本下载代码200，所以一切都应该是好的，但它不工作。 你知不知道为什么会发生。 该脚本的行是
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.js"></script> 这是我的html代码：
<!DOCTYPE> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body ng-app='app' ng-controller="ApplicationLoginCtrl"> <div ng-view></div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js"></script> <script src="loginModule.js"></script> </body> </html>
这里是angular度脚本加载的视图：
<div> <div class='container-fluid'> <div class="row justify-content-start"> <p class='mainPromoText insideLoginDivText'>zyciakjgjdfhg</p> <p class='mainAppName insideLoginDivText'>Apka</p> </div> </div> <div class='container-fluid col-sm-offset-3 col-sm-6 firstPageLogin insideLoginDivText'> <div class="row-justify-content-start"> <form class='loginForm insideLoginDivText' data-toggle="validator" onsubmit="#"> <div class='form form-group row'> <div class='col-sm-offset-2 col-sm-8'> <p class='helloText insideLoginDivText'>Welcome Log in</p> <label for="inputLogin" class="control-label"></label> <input type="email" id='inputLogin' class='form-control input-md firstPageLoginInput' placeholder="Email" data-error="Email address is invalid" required> <div class="invalidLogin help-block with-errors"></div> </div> </div> <div class='form-group row'> <div class="col-sm-offset-2 col-sm-8"> <label for="inputPassword" class="control-label"></label> <input type="password" class='form-control input-md form-control-warning firstPageLoginInput' id='password' placeholder="Password" data-error="Password is required" required> <div class="invalidLogin help-block with-errors"></div> </div> </div> <div class='form-group row'> <div class="col-sm-offset-2 col-sm-4 LoginButton"> <button type='button' class="btn btn-primary btn-block LoginActionButton" data-toggle='modal' data-target='#registerModal' data-backdrop="true">Register</button> </div> <div class="col-sm-4 LoginButton"> <button type='submit' class="btn btn-primary btn-block LoginActionButton">Log In</button> </div> </div> <div class="form-group row optionLoginDiv"> <div class="col-sm-offset-2 col-sm-4 optionLoginDiv1"> <a class="insideLoginDivText" href='#' data-toggle='modal' data-target='#forgotPasswordModal' data-backdrop="true">Forgot your password?</a> </div> <div class="col-sm-4"> <input class='insideLoginDivText form-check-input input-xs' type='checkbox' value=''>Remember me </div> </div> </form> </div> </div> <div class='modal fade registerModal' id='registerModal' tabindex="-1" role='dialog' aria-labelledby='registerModal'> <div class='modal-dialog' role='document'> <div class="modal-content"> <div class='modal-header registerModalHeader'> <h1 class='modal-title registerModalH5' id='exampleModalH5'>Join the fun!</h1> <button type='button' class='close closeLoginModal' data-dismiss='modal' aria-label='Close'> <span aria-hidden="true">×</span> </button> </div> <div class='modal-body'> <form class="" data-toggle='validator' onsubmit="#"> <div class="form-group"> <label for="inputName" class="control-label"></label> <input type="text" id='inputName' class='form-control input-md' placeholder="Login" data-error="Login is invalid" required> <div class="invalidLogin help-block with-errors"></div> </div> <div class="form-group"> <label for="inputEmail1" class="control-label"></label> <input type="email" id='inputEmail1' class='form-control input-md' placeholder="Email" data-error="Email address is invalid" required> <div class="invalidLogin help-block with-errors"></div> </div> <div class="form-group"> <label for="inputEmail2" class="control-label"></label> <input type="email" id='inputEmail2' class='form-control input-md' placeholder="Repeat email" data-error="Repeat your email" required> <div class="invalidLogin help-block with-errors"></div> </div> <div class="form-group"> <label for="registrationPassword1" class="control-label"></label> <input type="password" id='registrationPassword1' class='form-control input-md' placeholder="Password" data-error="Password is required" required> <div class="invalidLogin help-block with-errors"></div> </div> <div class="form-group"> <label for="registrationPassword2" class="control-label"></label> <input type="password" id='registrationPassword2' class='form-control input-md' placeholder="Repeat password" data-error="Repeat your password" required> <div class="invalidLogin help-block with-errors"></div> </div> <div class="form-group"> <label for="inputSecurityLogin" id='inputSecurityLoginLabel' class="control-label"></label> <input type="text" id='inputSecurityLogin' class='form-control input-md' placeholder="Enter the result in words" data-error="Result is invalid" required> <div class="invalidLogin help-block with-errors"></div> </div> <button type='submit' class="btn btn-primary btn-block modalRegistrationButton">Create an account</button> </form> </div> </div> </div> </div> <div class='modal fade registerModal' id='forgotPasswordModal' tabindex="-1" role='dialog' aria-labelledby='forgotPasswordModal'> <div class='modal-dialog' role='document'> <div class="modal-content"> <div class="modal-header registerModalHeader" id='forgotPasswordModalHeader'> <h1 class="modal-title registerModalH5" id='forgotPasswordModalH5'>Please add all fields</h1> <button type='button' class="close closeLoginModal" data-dismiss='modal' aria-label='Close'> <span aria-hidden='true'>×</span> </button> </div> <div class="modal-body"> <form class="" data-toggle='validator' onsubmit="#"> <div class="form-group"> <label for="inputLoginRemember" class="control-label"></label> <input type="text" id='inputLoginRemember' class='form-control input-md' placeholder="Login" data-error="Login is invalid" required> <div class="invalidLogin help-block with-errors"></div> </div> <div class="form-group"> <label for="inputEmailRemember" class="control-label"></label> <input type="email" id='inputEmailRemember' class='form-control input-md' placeholder="Email" data-error="Email is invalid" required> <div class="invalidLogin help-block with-errors"></div> </div> <div class="form-group"> <label for="inputSecurityRemember" id='inputSecurityRememberLabel' class="control-label"></label> <input type="text" id='inputSecurityRemember' class='form-control input-md' placeholder="Enter the result in words" data-error="Result is invalid" required> <div class="invalidLogin help-block with-errors"></div> </div> </form> <button type="submit" class='btn btn-primary btn-block modalRegistrationButton'>Reset Password</button> </div> </div> </div> </div> <div class='appInfoDiv container-fluid col-sm-offset-3 col-sm-6'> <div class="row"> <div class='col-sm-4'> <p class='insideLoginDivText insideLoginDivTextLeft'>2017@AppName</p> </div> <div class="col-sm-8"> <div class='col-sm-offset-3 col-sm-3 footerDiv'> <a href="#" class='insideLoginDivText insideLoginDivTextRight'>About</a> </div> <div class='col-sm-3 footerDiv'> <a href="#" class='insideLoginDivText insideLoginDivTextRight'>Privacy</a> </div> <div class='col-sm-3 footerDiv'> <a href="#" class='insideLoginDivTextRight insideLoginDivText'>Contact</a> </div> </div> </div> </div> </div>
这里是Angular脚本：
var app = angular.module('app', ['ngRoute']) .config(function($locationProvider, $routeProvider){ $locationProvider.html5Mode({ enabled: true, requireBase: false }); $routeProvider .when('/', {controller:'ApplicationLoginCtrl', templateUrl: 'login.html'}); }) .run(function($location){ $location.path('/'); }) .controller('ApplicationLoginCtrl', function($scope){ });
这是我在服务器上的node.js代码：
var express = require('express'); var bodyParser = require('body-parser'); var app = express(); app.use(bodyParser.json()); app.use(bodyParser.urlencoded({ extended: false })); app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); }); app.use('/', require('./controllers/static')); var server = app.listen(3000, function(){ console.log('server is listening on 3000'); });
这里是服务器站点加载静态内容的脚本：
var path = require('path'); var express = require('express'); var router = express.Router(); router.use(express.static(path.join(__dirname + '/../templates'))); router.use(express.static(path.join(__dirname + '/../style'))); router.use(express.static(path.join(__dirname + '/../ng'))); router.get('/', function(req, res){ res.sendFile(path.join(__dirname + '/../layouts/moj2.html')); }); module.exports = router;
编辑：我删除angular应用程序，并从服务器发送静态html文件，包括视图wchich我试图加载的angular度，一切都好，所以问题是与angular度。 外部脚本正在下载到第一个HTML（在控制台代码200），但angular度的应用程序不会加载它后来ng视图，你有这样的问题，你知道也许是可能的解决scheme。 这对我来说很不清楚，因为我用同样的方法在第一个html中包含bootstrap，jquery和css样式，并且在ng-view中加载没有问题。 感谢帮助
- 从angular度$ locationProvider中的URL中删除＃后的问题
- Angular应用程序需要node.js
- 在将数据导出到excel / csv angularjs的同时设置列宽和文字包装属性
- MEAN.JS Ver 0.4.1，生成器（CRUD）不起作用
- 在使用AngularJS发送GET请求时，无法从WebStorm IDE执行“打开”无效URL
- 的NodeJS。 错误：无法validation第一个证书
- 在“module”全局variables上运行grunt-typescript时，angular-mock和node.js发生冲突
- 使用Angular.js处理基于OAuth令牌的authentication？
- browserify'错误：找不到模块'试图修复'未捕获的参考错误：需求未定义'