个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
27
4
<分区>
[更新]这是我的一个愚蠢的错字。谢谢 dfsq!
这里有一个类似的问题，我的代码遵循了推荐的答案，所以请不要将其标记为重复。
在我的本地主机中，出现以下错误:Error: [ng:areq] Argument 'PostCtrl' is not a function, got undefined
app.js 的内容:
/* global app:true */
/* exported app */
'use strict';
var app = angular
.module('redjsApp', [
'ngAnimate',
'ngCookies',
'ngResource',
'ngRoute',
'ngSanitize',
'ngTouch',
'firebase'
])
.constant('FIREBASE_URL', 'https://blazing-fire-6602.firebaseio.com/')
.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateUrl: 'views/posts.html',
controller: 'PostCtrl'
})
.when('/about', {
templateUrl: 'views/about.html',
controller: 'AboutCtrl'
})
.otherwise({
redirectTo: '/'
});
});
scripts/services/post.js 的内容:
'use strict';
app.factory('Post', function ($firebase, FIREBASE_URL) {
var ref = new Firebase(FIREBASE_URL + 'posts');
var posts = $firebase(ref.child('posts')).$asArray();
console.log($firebase(ref.child('posts')).$asArray());
var Post = {
all: posts,
create: function (post) {
return posts.$add(post);
},
get: function (postId) {
return $firebase(ref.child('posts').child(postId)).$asObject();
},
delete: function (post) {
return posts.$remove(post);
}
};
return Post;
});
scripts/posts.js 的内容:
'use strict';
app.controller('PostsCtrl', function ($scope, Post) {
$scope.posts = Post.all;
$scope.post = {url: 'http://', 'title': ''};
$scope.submitPost = function () {
Post.create($scope.post).then(function () {
$scope.post = {url: 'http://', 'title': ''};
});
};
$scope.deletePost = function (post) {
Post.delete(post);
};
});
posts.html 的内容是:
<div ng-repeat="post in posts">
<a ng-href="{{ post.url }}">{{ post.title }}</a>
<a ng-click="deletePost(post)">delete</a>
</div>
</div>
<form ng-submit="submitPost()">
<input type="text" ng-model="post.title" />
<input type="text" ng-model="post.url" />
<input type="submit" value="Add Post" />
</form>
Posts: {{ posts}} <br />
Post: {{post}}
仅呈现 html，不呈现任何关联的 js。该应用程序是使用 yeoman 构建的。帮助将不胜感激!
27
4
0
我是一名优秀的程序员,十分优秀！