带有节点的angular度视图的错误
我有一个小的节点项目,我试图将angularjs集成到。 我有一个使用ng-controller和ng-repeat的局部视图。
这是我的angular.html
<!DOCTYPE html> <!--[if lt IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> <!--[if IE 7]> <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]--> <!--[if IE 8]> <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]--> <!--[if gt IE 8]><!--> <html lang="en" ng-app="myApp" class="no-js"> <!--<![endif]--> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>My AngularJS App</title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="bower_components/html5-boilerplate/css/normalize.css"> <link rel="stylesheet" href="bower_components/html5-boilerplate/css/main.css"> <link rel="stylesheet" href="app.css"/> <script src="bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script> </head> <body> <ul class="menu"> <li><a href="#/view1">view1</a></li> <li><a href="#/view2">view2</a></li> <li><a href="#/view3">view3</a></li> </ul> <!--[if lt IE 7]> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div ng-view></div> <div>Angular seed app: v<span app-version></span></div> <!-- In production use: <script src="//ajax.googleapis.com/ajax/libs/angularjs/xxx/angular.min.js"></script> --> <script src="bower_components/angular/angular.js"></script> <script src="bower_components/angular-route/angular-route.js"></script> <script src="app.js"></script> <script src="services.js"></script> <script src="controllers.js"></script> <script src="filters.js"></script> <script src="directives.js"></script> </body> </html>
partial3.html(这是部分):
<div ng-controller="PersonCtrl"> <div ng-repeat="person in persons"> {{person.last}} , {{person.first}} </div>
我只收到五个逗号,没有人控制器中的五条logging。
.controller('PersonCtrl', ['$scope', function($scope) { $scope.persons = [ { first: "Henry", middle: "Jacob", last: "Mendocino", gender: "M" }, { first: "Ann", middle: "Cecilia", last: "Negro", gender: "F" }, { first: "Berta", middle: "Ann", last: "Sallyfield", gender: "F" }, { first: "Rudolf", middle: "John", last: "Waters", gender: "M" }, { first: "Ken", middle: "Adam", last: "Aundry", gender: "M" }, ] }])
这是我的app.js
'use strict'; // Declare app level module which depends on filters, and services angular.module('myApp', [ 'ngRoute', 'myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers' ]). config(['$routeProvider', function($routeProvider) { $routeProvider.when('/view1', {templateUrl: 'partials/partial1.html', controller: 'MyCtrl1'}); $routeProvider.when('/view2', {templateUrl: 'partials/partial2.html', controller: 'MyCtrl2'}); $routeProvider.when('/view3', {templateUrl: 'partials/partial3.html', controller: 'PersonCtrl'}); $routeProvider.otherwise({redirectTo: '/view1'}); }]);
有人可以帮我找出为什么我的数据没有被显示。
谢谢。
他/她需要安排他/她的文件系统,并表示代码指向正确的地方…最重要的是 – 他/她需要:
app.use(express.static(__dirname + '/views'));
以便该应用程序知道从哪里提供(index.html)的静态内容。
- 尝试使用Angular和Nodejs上传图片
- 运行npm install -g yo命令给出 – >“npm ERR! Windows_NT 6.1.7601“
- 无法使用node.js&angular将图像blob上传到AWS S3
- Sails.js错误问题,同时删除任何logging
- UBUNTU 14.04连接到ws:// localhost:35729 / livereload在页面加载时被中断
- AngularJS路由服务器端支持(NodeJS + express)
- ReferenceError:在WebStorm中未定义angular度
- 平均/ AngularJS应用程序检查对象是否已经发布
- 是否有可能在angularjs中从控制器调用一个特定的函数?