Tag: angularjs

Angularjs不提交数据

我正在创build一个MEAN栈应用程序,我一直在使用Amos Q. Haviv的“Mean Web Development”一书来帮助我。 我碰到一个问题,我有一个表单,假设提交一个配方,但是当我检查数据库的条目是在那里与一个id,date和作者,但没有标题,mainImage,内容,类别或标签。 过去几天我一直试图自己弄清楚,再看一遍,看看我是否犯了错误,但没有运气。 这是我的模型: // Load the module dependencies var mongoose = require('mongoose'), paginator = require('mongoose-paginator'), Schema = mongoose.Schema; var CommentsSchema = new Schema({ commentor: String, data: { type: Date, default: Date.now() }, content: { type: String, default: ' ', trim: true, required: "Enter a comment into the comment box" }, […]

Grunt构build打破了我编译的JavaScript

我有一个从一开始就不是我的项目,整个部署是不完整的。 我有惊吓忽略覆盖指定在这里 ,现在我发现,当他生成vendor.js与所有的依赖关系,它根本无法工作。 浏览器打印: Uncaught TypeError: Cannot read property 'Item' of undefined(anonymous function) @ vendor.js:14(anonymous function) @ vendor.js:14 vendor.js:4 Uncaught Error: [$injector:nomod] Module 'gettext' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument. http://errors.angularjs.org/1.2.14/$injector/nomod?p0=gettext(anonymous function) @ […]

在页面刷新上保存控制器状态

我试图在我的表单中实现一个像保存消息一样的草稿function。 使用案例 :有一个表格,其中包含一些文本框,一些图片上传等。我的问题是如何保留这些值,如果这些已被用户填写页面刷新。 记住页面还没有被用户提交。 如果已经提交,那么我可以从服务器检索值,但是现在如何将值存储在input框中,以防单击提交button。 是否应该有一些API会定期保存值,或者只有当用户要closures页面或刷新页面时才能调用一些API。 我不知道这一点,并会在此感谢任何指针。 更新: 根据这些build议,我尝试了一些可以显示使用本地存储的preoperdevise和实现的教程/博客。 我发现以下好链接: http://yeoman.io/codelab/local-storage.html https://domantasjovaisas.wordpress.com/2014/09/05/angularjs-saving-global-variable-in-localstorage/ 很less有人怀疑:看起来我们可以将JSON对象存储在本地存储中,但是如何为给定的用户存储给定的对象。 用例:用户可以创build多个消息。 我只想保留没有保存的最后一条消息。 我如何devise这样的存储工作正常? 对于给定的userId我想保留一些数据在本地存储。 将数据库标识存储在本地存储中是否安全? 请build议

在Node.js&Express上使用Angular的客户端边界

我在服务器端使用Node&Express,在客户端使用Angular。 但是我不能实现Angular客户端路由。 我的Angular路由器看起来像这样: app.config(['$routeProvider', function($routeProvider) { $routeProvider. when('/blogs', { templateUrl: 'partials/blogs', controller: 'BlogController' }). when('/news', { templateUrl: 'partials/news', controller: 'NewsController' }). otherwise({redirectTo: '/'}); }]); 这是我的服务器路由: app.use('/',routes.index); app.use('/partials/:filename',routes.partials); 和我的index.js: exports.partials = function(req, res){ var filename = req.params.filename; if(!filename) return; res.render("partials/" + filename ); }; exports.index = function(req, res){ res.render('index'); }; 但是不是呈现部分,我得到每个URL的索引页面 我究竟做错了什么?

将服务器内的数据从节点js中的一个文件发送到另一个文件

我想使用fs或replace在CSS文件中replace一个确切的variables值,我已经足够的search,但我发现只有replace文件在两个FS和replace,下面是我试图这样做的代码,但我想要replace一个css文件中的variables //to main.css var css = selectedTemplatePath + '/css/'; var mainCss = css + '/main.css'; var themecolor = new ThemeColor(req.body.color); themecolor.color = color; themecolor.savecolor(function(err, app ){ fs.stat(mainCss, function(err, stat){ var searchApp = { _id: appId }; mainCss.findOne(searchApp, function(err, app){ if(err) return console.error(err); replaceThemecolor(app, themecolor); console.log("k"); }); }); function replaceThemecolor(themecolor) { fs.readFile(mainCss, 'utf-8', function(err, data) { […]

$ http获得的返回值不同于$ resource get

我正在尝试使用User $resource下载用户报告。 但是,返回的结果是这样的对象:(奇怪) {0: "n", 1: "a", 2: "m", 3: "e", 4: ",", 5: "e", 6: "m", 7: "a", 8: "i", 9: "l", 10: ",", 11: "p", 12: "a", 13: "r", 14: "t", 15: "n", 16: "e", 17: "r", 18: ",", 19: "r", 20: "o", 21: "l", 22: "e", 23: ",", 24: "p", 25: "h", […]

如何build立与Angular.js和Node.js槽服务的连接?

我有一个简单的pipe理面板里面有窗体。 我试图通过Angular.js和Node.js连接来更新这个表单的内容。 如果我做到了这一点:我将能够读取表单的数据并在头版上呈现。 这个表单从“/json/form-data.json”读取数据: [{ "name" : "BigTitleLine1", "content" : "APP TITLE 1" }, { "name" : "BigTitleLine2", "content" : "APP TITLE 2" }]; Angular Service从该json文件获取数据: ServiceModule.factory('serviceFormData', ['$resource', function ($resource) { return $resource(rootPath("/json/form-data.json"), {}, { query: { method: 'GET', isArray: true } }); }]); Angular Controller将数据分配给模型: ctrl.controller('formCtrl', ['$scope', '$rootScope', 'serviceFormData', function($scope, $rootScope, serviceFormData) { $scope.model […]

用Express,Node和Rest从AngularJS发布数据

我是相当新的JavaScript堆栈,并试图从angular度获得表单发布到mongo。 我能够返回列表,但无法发布。 下面的代码列表可以,但是当我发布时,它会发布一个空白logging(而且,即使我不在页面上执行任何操作,它也会每隔几分钟发布一次) 我可以看到它能够调用服务器端的方法,但是数据没有被传递到持久性。 我知道我正在做一些愚蠢的事情,但只是不知道它是什么。 我搜遍了谷歌,但没有看到我可以采取的解决scheme。 任何帮助将不胜感激。 ============jade================ div(ng-app="sell" ng-controller="sellCtlr") .container-fluid form#listingForm.form-horizontal .form-group .row .col-xs-8 label.control-label(for="title") title input#title.form-control(type="text", name="title", ng-model="listing.title") .form-group .row .col-xs-8 label.control-label(for="subTitle") sub-title input#subTitle.form-control(type="text", name="subTitle",, ng-model="listing.subTitle") ……… ……… .form-group .col-xs-6 button.btn.btn-primary(type="submit" ng-click="createListing()") Submit ============app.js================ /* server side controllers **/ var listController = require('./server/controllers/list-controller'); /* routes */ var sell = require('./client/routes/sell'); /* rest api […]

Node.js服务器返回html文件,而不是在云9中的JSON响应

我尝试在c9.io中开发 – 复制项目的结构: \-C9ProjectName | +—Frontend | | | \—index.html – AngularJS app | \—Backend | \—server.js – Node.js server Server.js在env.IP和env.PORT上启动,并通过https使用Express。 Index.html通过$ http.get(' https://C9ProjectName.c9.io/api/method ')获取请求,但响应html文件: <title>Sign-in | Cloud9 IDE – Ajax.org</title> <meta name="description" content="Meet Cloud9, development-as-a-service for Javascripters and other developers"/> 如果直接调用“ https://C9ProjectName.c9.io/api/method ” – 服务器用正常的JSON回答发送响应。 什么来自云9的HTML文件的返回?

如果元素由指令生成,则ng-click不起作用

我正在angularJS创build一个directive , angularJS用一些元素(分页)replace我的自定义元素,由directive生成的元素具有ng-click属性, ng-click属性的值是控制器的function,但是ng-click不起作用 元素是 <my-element totalCount="5"></my-element> 控制器是 .controller('AppControler',['$scope'],function($scope){ $scope.function1 = function(value){ console.log('in function1 value = '+value); } }); 该指令是 .directive('myElement',function(){ return{ restrict: 'E', replace: true, scope:{ totalCount: '@' }, template: '<ul class="pagination"></ul>`, controller: function($scope, $element, $attrs){ $scope.draw = function(){ $($element).empty(); for (var i=1; i<=$scope.totalCount; i++){ var link = $('<li><a href="javascript:;" ng-click="function1('+i+');">'+i+'</a></li>'); $($element).append(link); } } […]