Angularjs Nodejs externer Controller

Ich versuche meine erste App mit dem vollen MEAN Stack, aber eigentlich stecke ich bei der Definition von Controllern/Template außerhalb der ersten Seite fest.Angularjs Nodejs externer Controller

Ich kann die verschiedenen Vorlagen erreichen, die ich erstellt habe, aber ich kann keinen Weg finden, den Controller zu binden.

Hier sind meine Dateien

app.js die

im Stammverzeichnis befindet

var express = require('express'); 
var path = require('path'); 
var favicon = require('serve-favicon'); 
var logger = require('morgan'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 

var routes = require('./routes/index'); 
var users = require('./routes/users'); 
var test = require('./routes/test'); 

var app = express(); 
app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'ejs'); 

app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
app.use(express.static(path.join(__dirname, 'public'))); 

app.use('/', routes); 
app.use('/test', test);  
module.exports = app;

angularApp.js in der Öffentlichkeit/Javascripts gelegen/wo ich beide anhängt Pfad versucht, ohne Weg, mit Verlängerung, ohne Verlängerung ...

var app = angular.module('flapperNews', ['ui.router']); 

app.config(['$stateProvider','$urlRouterProvider',function($stateProvider, 

$urlRouterProvider) { 
$stateProvider 
.state('home', {   
url: '/home',  
templateUrl: '/home.html',  
controller: 'MainCtrl' }) 
.state('test', {   
url: '/test',  
templateUrl: 'presentation/test.html',  
controller: 'controller/CustomCtrl.js' 
}); 

    $urlRouterProvider.otherwise('home'); }]);

CustomCtrl.js dies ist mein Controller in der Öffentlichkeit/Controllers/

app.controller('CustomCtrl', ['$scope',function($scope){ 
    $scope.test = 'Hello world!'; 
}]);

test.html das ist mein "Vorlage" ist

<div class="row"> 
    <div class="col-md-6 col-md-offset-3"> 
     {{test}} 
    </div> 
</div>

index.html

<html> 
<head> 
    <title>Flapper News</title> 
    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> 

    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.10/angular.min.js"></script> 
    <script src="http://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.10/angular-ui-router.js"></script> 
    <script src="javascripts/angularApp.js"></script> 
    <script src="controller/CustomCtrl.js"></script> 
    <style> .glyphicon-thumbs-up { cursor:pointer } </style> 
</head> 
<body ng-app="flapperNews" ng-controller="MainCtrl"> 



    <div class="row"> 
     <div class="col-md-6 col-md-offset-3"> 

      <div class="page-header"> 
       <h1>Flapper News</h1> 
      </div> 

     <div class="row"> 
      <div class="col-md-6 col-md-offset-3" style="border: 1px solid black"> 
       <ui-view></ui-view> 
      </div> 
     </div> 
    </div> 
</div> 

</body> 
</html>

Ich brauche nur, dass meine test.html hat eigenen Controller CustomCtrl (Ich habe versucht, Hallo Welt zu drucken ! aber es druckt {{test}})

Quelle

2016-04-18 a.ndrea

Ich habe es geschafft, zu lösen.

Ich brauchte mit

<script src="controller/CustomCtrl.js"></script>

in index.html, mit

angular.module('flapperNews').controller('CustomCtrl', CustomCtrl);

an der Spitze des CustomCtrl zu beheben zu importieren. Und alles ging gut.

Quelle

2016-04-19 17:37:06

Es sieht für Ihren Testzustand aus, dass Sie den Namen des Controllers als die Javascript-Datei angegeben haben, die es enthält, anstatt als der Name der Controller-Funktion.

Quelle

2016-04-18 20:07:58

Ich versuchte sogar ohne .js aber immer noch {{test}} ungebunden bleiben. –

Welchen Controller erwarten Sie von Ihrem Teststatus? Bevor du diesen Weg zu weit machst, würde ich dir empfehlen, zu sehen, was die Bibel dazu zu sagen hat: https://github.com/johnpapa/angular-styleguide/blob/master/a1/README.md . Da Sie gerade erst anfangen, ist es ratsam, nicht auf $ scope zu verweisen und stattdessen die "ControllerAs" -Syntax zu verwenden. –

Ich brauche test.html MainCtrl.js Controller zu verwenden. Eigentlich verwende ich eine vollständige Web-Anwendung mit NodeJS, AngularJS, Cassandra und gehen, aber ich fand es gebaut und jetzt muss ich von vorne anfangen –

Antwort

Verwandte Themen