Tag: angularjs

Babel + Typescript + NPM模块+ Webpack

你好,我尝试从我的脚本脚本需要angular度,我得到这个错误: error TS2307: Cannot find module 'angular'. 这是我的webpackconfiguration文件: context: __dirname + '/client/js', entry: './script.ts', output: { filename: 'build.js', path: options.BUILD ? 'dist' : 'dev' }, module: { loaders: [ {test: /\.ts(x?)$/, loader: 'babel-loader!ts-loader'} ] } 编辑: 然后,在我的script.ts文件中,我这样做: import angular from 'angular'; 甚至var angular = require('angular'); 给了我相同的结果 我没有任何tsconfig.json文件 谢谢 !

在angular.js + node.js /电子的承诺不起作用

我在电子中使用angular.js和node-orm来与数据库进行交谈。 Node-orm的find / get函数是asynchronous的,所以我尝试使用Promise来获取数据,如下所示: app.service('SearchService', function($q) { this.title = function(token) { var deferred = $q.defer(); Unit.find({}).where("unit_title LIKE ?", ['%'+token.toUpperCase()+'%']).run(function(err, results) { if (err) { return console.error('error running title query', err);} deferred.resolve(results); }); return deferred.promise; } }); app.controller("GreetController", function($scope, SearchService) { $scope.units = SearchService.title('test'); }); 在angular度上翻译承诺的目标本身。 <div ng-controller="GreetController"> <ul> <li ng-repeat="unit in units">{{unit.title}}</li> </ul> </div> 但是它不起作用。 […]

Node.js $ http PUT请求不向服务器返回任何内容

我正在开发一个pipe理客户信息的应用程序。 我是新来的MEAN堆栈,不能为我的生活弄清楚我在这里做错了什么。 当我从视图中单击“更新客户”时,控制台打印更新的信息,但是当我尝试将该信息发送到服务器并更新我的表时,我什么也得不到。 客户实体与以前一样。 风景 <div class="col-sm-12" id="addButton" style="padding: 10px;" > <button class="btn btn-primary" ng-click="update()" ng-disabled="editCustomerForm.$invalid">Update Customer</button> 控制器 $scope.update = function(){ console.log($scope.existingCustomer); $http.put('/customers/' + $scope.existingCustomer._id, $scope.existingCustomer).success(function(response) { refresh(); $scope.existingCustomer={}; $scope.editOldCustomer = false; }) }; server.js文件 app.put('/customers/:id', function (req, res) { console.log(req.body); var id = req.params.id db.customers.findAndModify({ query: {_id: "mongojs.ObjectId(id)"}, update: {$set: {name: req.body.name, email: req.body.email, […]

什么是这种types的多重属性过滤调用? (见截图)

aws控制台使用这个伟大的过滤机制,让用户过滤多个属性。 有谁知道这叫什么? 如果是这样,在Angular中的任何实现? http://imgur.com/FEaaxxz

Grunt在开发环境中美化或不美化

我在AngularJS Web应用程序中使用Grunt Uglify来丑化我的javascript和css文件。 我有一个开发,testing和生产环境。 我只想在部署testing和生产的时候才丑化,但是在开发中我想保持我的代码没有uglify,使debugging任务更容易。 到目前为止,我正在手动。 我的意思是,我有一个包含所有美女代码的index.html,当我要部署一个版本的时候,我会隐藏代码并进行部署。

如何使用ng-file-upload在express js中保存文件图像

我是新的在nodejs发展,并表示我学习平均值栈nad现在我不知道我怎么可以在n这个工作人员在我的路线我有这个代码 var express = require('express'); var router = express.Router(); var multer = require('multer'); var upload = multer({ dest: __dirname + '/public/uploads/' }); router.post('/', upload.single('file'), function(req, res) { console.log(req.file); res.status(200).json({ file: req.file}); }); module.exports = router; 但我保存不是图像。 我如何保存图像文件? 我的意思是一些解码function或什么? 在控制台我看到这个: { fieldname: 'file', originalname: 'my.jpg', encoding: '7bit', mimetype: 'image/jpeg', destination: '/home/path/mean/public/uploads/', filename: '8b6256d4af77641c844480f05806e959', path: '/home/path/mean/public/uploads/8b6256d4af77641c844480f05806e959', size: […]

从我的node_modules文件夹中转换AngularJS的正确方法

我select使用npm来包含我的UI依赖,比如AngularJS。 安装之后,依赖关系存在于node_modules文件夹中。 我可以直接使用AngularJS使用<script src='/node_modules/angular/etc.'></script> 实际上,我想要做的是将其转换为我的一部分吞噬任务,并将(如果必要,请将其缩小/ uglify)移动到我的资产文件夹中。 什么是正确的方法来做到这一点? 我如何find所有的依赖库,这是一个手册包括还是有更好的方法? 我的吞咽任务如下所示: gulp.task("min:js", function () { gulp.src(["js/**/*.js", "!" + "js/**/*.min.js"], { base: "." }) .pipe(concat("assets/js/site.min.js")) .pipe(uglify()) .pipe(gulp.dest(".")); });

$ injector:modulerr AngularJS,尝试了一切

我是新来angular,我正在跟随angularjs网站上的教程 我到目前为止所尝试的是: 安装angular度路由并在angular.min.js下注入脚本 在我的模块中使用ngRoute 将控制器脚本添加到我的layout.jade 使用另一个视图引擎,vash,仍然是一样的错误 包括脚本头部,尾部,在布局视图中,在index.jade中没有任何作用 我正试图解决这个错误两天了。 请帮帮我 :( 这是我的代码: layout.jade: doctype html html(ng-app="phoneCatApp") head meta(charset="utf-8") script(src='lib/angular/angular.min.js') script(src='lib/angular-route/angular-route.min.js') script(src='js/controllers.js') title= title link(rel='stylesheet', href='/stylesheets/style.css') body(ng-controller="PhoneListCtrl") block content index.jade: extends layout block content ul li(ng-repeat="phone in phones") span {{phone.name}} p {{phone.snıppet}} controller.js: var phonecatApp = angular.module('phonecatApp', ['ngRoute']); phonecatApp.controller('PhoneListCtrl', function ($scope) { $scope.phones = [ { 'name': […]

节点REST API图像呈现问题

我有一个问题,在网页上显示一个简单的图像。 我有一个API的节点后端和查看页面的节点Web服务器。 代码工作得很好,但我需要添加一个中间网关(将在未来处理身份validation),它打破了代码。 我使用express和gridfs来存储并从mongo文件中取回。 这是代码 HTML / Angular页面 <img id="image" ng-src="http:localhost:3000/api/files/images/{{data.image}}" alt="" /> 网关(节点) var request = require('request'); //settings – retrive the url of the api backend micro-service var url = require('./configApiGw').url_service_api_contents; //api to retrive a file stored in mongo using gridfs app.get('/api/files/images/:id', function(req, res, next){ var uri = url+'/api/files/images/:'+req.params.id; request({ uri: uri, method: "GET", […]

Angular.JS:由于以下原因无法实例化模块路由:错误:$ injector:nomod模块“路由”不可用

目前我收到上面提到的错误。 我觉得这很奇怪,我得到这个错误,因为我不想使用Angular的'路由',只是使用angular来发布/获取数据。 我的angularfunction被分割成模块,服务和控制器文件。 最重要的是,我使用了名为“EJS”的引擎。 所以这意味着下面的HTML列表看起来有点不完整。 这是因为我包含了大部分的HTML文件,其中像导航栏这样的基本内容被加载了。 HTML: <% include ../layout %> <body ng-app="clientModule"> <div class="container" data-ng-cloak data-ng-app="clientModule" data-ng-controller="clientController"> <form class="navbar-form navbar-left" role="search" method="POST" name="formClient"> <div class="row"> <div class="form-group"> <label for="">Client name</label> <input type="text" class="form-control" placeholder="Please enter client name" name="clientName" ng-model="client.clientName" style="width: 100%" required> </div> </div> <div>&nbsp;</div> <div class="row"> <div class="form-group"> <label for="">Client address</label> <input type="text" […]