私は、Angular Js上に構築されたModalフォームをロードするログインボタン付きのようこそページを持っています。 welcome.htmlページをGoogle Chromeのスタンドアロンページとして実行するとうまくいきます。Angular js、Node js serverとexpress jsを使って作業する
私はExpress Jsフレームワークプロジェクトを作成し、.htmlを.ejsに変更してビューに追加してからwelcome.ejsページを完全にロードするノードサーバーを起動しました。しかし、私はボタンで記号をクリックすると、それはコンソールに次のエラーがスローされます
..
angular.js:11756 GET http://localhost:3000/views/login-popup.ejs 404 (Not Found)
angular.js:11756 GET http://localhost:3000/views/login-popup.ejs 404 (Not Found)(anonymous function) @ angular.js:11756m @ angular.js:11517g @ angular.js:11227(anonymous function) @ angular.js:15961$eval @ angular.js:17229$digest @ angular.js:17045$apply @ angular.js:17337(anonymous function) @ angular.js:25023Qf @ angular.js:3456d @ angular.js:3444
angular.js:13550 Error: [$compile:tpload] http://errors.angularjs.org/1.5.5/$compile/tpload?p0=%2Fviews%2Flogin-popup.ejs&p1=404&p2=Not%20Found
at Error (native)
at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:6:412
at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:156:158
at https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:130:226
at n.$eval (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:144:467)
at n.$digest (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:142:47)
at n.$apply (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:145:249)
at l (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:97:55)
at H (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:101:190)
at XMLHttpRequest.u.onload (https://ajax.googleapis.com/ajax/libs/angularjs/1.5.5/angular.min.js:102:229)
これは私の角度は、モーダルをロードする方法です
app.controller('LoginController',['$scope','$uibModal', function($scope,$uibModal){
$scope.name = 'a100';
$scope.loginModal = function(){
var modalInstance = $uibModal.open({
animation: 'true',
templateUrl: '/views/login-popup.ejs',
controller: 'LoginModalController'
});
};
}]);
ノードコード:
app.get('/',function(res,req){
res.render('welcome');
});
var server = app.listen(3000);
console.log("Server Started at port 3000");
私はNodeとAngularとExpressフレームワークのすべてに新しいです。ここで私を案内してください。
お時間をいただきありがとうございます。
P .:私は/views
も削除しようとしました。
ウェブクライアントがlogin-popup.ejsファイルを見つけることができないようです。あなたはノードコードを持っていますか? (韻を踏まない^^) –
ここでは、静的ファイルをエクスプレッションで公開するクイックリンクをhttp://expressjs.com/en/starter/static-files.html –
に追加しました。それは、私がapp.jsに追加した唯一のノードコードです。生成されるデフォルトコードからは – Spark