Articles of angularjs

在控制器中需要模块错误

我一直在试图了解如何为我的应用程序设置Stripe,但是在实现模块时遇到问题。 通常当使用一个模块,我会要求它在文件的顶部能够使用它,但是当我在paymentCtrl文件中它不工作,我得到了两个错误:我在哪里宣布它为了我能够使用它? 那么如你所见,我是这个新手,并想了解如何构build这个支付工作。 错误: 要求未在paymentCtrl.js中定义:1 和 由于以下原因无法实例化模块paymentController:错误:[$ injector:nomod] Module'paymentController'is not available! 您拼写错误的模块名称或忘记加载它。 如果注册一个模块,确保你指定依赖关系作为第二个参数。 paymentCtrl: var stripe = require('stripe')('sk_test_….'); angular.module('paymentController', []) .controller('paymentCtrl', function($scope) { }); app.js: angular.module('userApp', ['appRoutes', 'userControllers', 'userServices', 'ngAnimate', 'mainController', 'authServices', 'managementController', 'paymentController']) .config(function($httpProvider) { $httpProvider.interceptors.push('AuthInterceptors'); });

尝试在控制器中使用快速时出错

我一直在试图实现一个paymentCtrl来处理条纹支付,但无法让快递工作。 当我执行这个代码,我得到下面的错误。 我很新,想了解为什么我得到这个错误。 错误: 未知提供者:appProvider < – app < – paymentCtrl app.js: angular.module('userApp', ['appRoutes', 'userControllers', 'userServices', 'ngAnimate', 'mainController', 'authServices', 'managementController', 'paymentController']) .config(function($httpProvider) { $httpProvider.interceptors.push('AuthInterceptors'); }); payment.html: <div> <form action="/charge" method="post"> <script src="https://checkout.stripe.com/checkout.js" class="stripe-button" data-key="pk_test_…" data-amount="3000" data-name="walla" data-description="this is not a dog" data-locale="auto" data-currency="gbp" ></script> </script> </form> </div> paymentCtrl: angular.module('paymentController', []) .controller('paymentCtrl', function(app, passport) { app.post('/charge', […]

我们可以从Visual Studio任务运行器资源pipe理器中运行npm start

我在Visual Studio中设置了Angular 4代码,我可以从Visual Studio成功构build。 但是,如果我想启动angular码,我会转到命令提示符并手动inputnpm start来运行应用程序。 运行npm start ,我用注册的端口浏览它的工作正常。 但我不想使用命令提示符,所有我想在Visual Studio任务运行器资源pipe理器中。 可能吗?

angularjs nodered注册响应不起作用

我正在用html / css / angularJS,Node-red和CloudantNoSQL构build一个login/注册页面。 我在这里有一个我的代码示例: https : //plnkr.co/edit/tg25kr?p = info <!– Real user service that uses an api –> <script src="//cdn.rawgit.com/cornflourblue/angular-registration-login-example/master/app-services/user.service.js"></script> 我使用链接到真正的API代码,而不是本地存储,因为它是在这个例子中。 当您填写的电子邮件无效时,我可以通过响应statusCode(303)显示错误消息。 当电子邮件有效时,我可以将用户存储在数据库中,但不能将成功消息和操作存入数据库。 在那里我尝试了statusCode 200,201和202,但似乎没有工作。 图1 http://plnkr.co/edit/tg25kr?p=info 任何人有一个想法,如果AngularJS有什么问题,或者如果我的回应是不正确的?

导入库的问题

我最近遇到了一个interact.js,我想在我的一个项目中使用一个库,但是我不能让它工作。 我已经通过npm安装它 npm install interactjs –save 它显示在我的package.json依赖关系为 "dependencies": { "angular": "^1.6.4", "angular-ui-router": "^0.4.2", "interactjs": "^1.2.9" } 而且我还在main.js中导入了其他库和模块 import 'interactjs'; 该项目是在angularjs中,我已经在我的控制器中的一个函数内使用一些interact.js语法,但我得到以下错误: app.js:57837 Uncaught Error: Module parse failed: path\controller.js Unexpected token (207:48) You may need an appropriate loader to handle this file type. | drag() { | let drag = document.querySelector('.draggable'); | interact(drag).draggable({ inertia: true; }) | […]

如何在Windows IIS或Linux服务器上运行gulp项目进行生产?

如何在Windows IIS上部署我的代码。 我用什么库在生产环境中运行我的项目? 什么命令我运行生产。 我是AngularJS新手,我正在使用gulp项目。 任何人都可以帮我吗? 这里是我的gulp文件,我想在Windows IIS或其他Linux服务器上部署此代码。 我的代码毁于3000端口命令:gulp服务 'use strict'; // —————————————————————————– // Dependencies // —————————————————————————– var gulp = require('gulp'); var watch = require('gulp-watch'); var sass = require('gulp-sass'); var browserSync = require('browser-sync'); var runSequence = require('run-sequence'); var concat = require('gulp-concat'); var uglify = require('gulp-uglify') var reload = browserSync.reload; // —————————————————————————– // SASS // —————————————————————————– […]

CRUD – 将ID传递到新forms以执行更新操作

我正在尝试构build一个应用程序来使用angular / nodejs / cloudant来完成基本的CRUDfunction。 我在尝试构build更新操作时遇到了问题。 我需要以下function: 当我点击更新(表中的button)时,我需要一个新的表单,其中所有的细节,以获得预填充的基础上,使字段可以相应地更新。 我正在使用angular路由为了传递和检索新forms的ID。 但是,当我点击更新,我没有看到任何事情发生。 我对应用程序开发非常陌生(特别是angular度)。 有人可以帮助我执行操作所需的代码更改。 以下是我的代码。 index.HTML :(索引页执行更新操作) tr ng-repeat="x in myData"> <td><input type="button" value="Update" data-ng-click="update(x.doc._id)" > </td> update.js: angular.module('CRUDApp', ['formly', 'formlyBootstrap'] ); angular.module('CRUDApp').config(function($stateProvider, $urlRouterProvider, $urlMatcherFactoryProvider) { $urlMatcherFactoryProvider.strictMode(false) $stateProvider.state('update', { url: '/update/:id', templateUrl: 'public/Views/update.html', }) .state('home', { url: '/home', templateUrl: 'index.html', }) $urlRouterProvider.otherwise('/home'); }); update.html(单击更新时的新窗体): <!DOCTYPE html> <html> […]

在nodejs和angularjs中使用套接字

我是新的socket.I有问题,而在我现有的项目中使用套接字。我已经在我的项目中包括socket.io.js文件,也创build使用套接字的工厂。 套接字请求正从angular度方向成功。 我想要做什么时,我的API响应中的东西被改变,它会自动调用并显示结果在我的页面。所以这里是我的代码。我不知道我怎么能实现这个与套接字 app.get('/ttms/getAlertsMessage/:customerid/:timstmp', getCookies, ttms.getAlertsMessage);// route var socket = require('socket.io'); var io = socket.listen(server); app.set('socketio', io); io.on('connection', function (socket) { console.log("==============connected=========")// this shows me connected socket.on('test',function(data){ console.log(data) }) }); 这里是节点api将调用: exports.getAlertsMessage = function(req, res, next) { var customeruuid = req.param('customerid'); var start_time = new Date().getTime(), request = require('request'), api_url = global.common.base_url + 'ams/1.0.0/message/customeruuid/'+customeruuid; var […]

上传分块的图像文件问题

我正在使用ng-file-upload指令从我的angular度应用程序发送图像到服务器。 这是我的代码: Upload.upload({ url: 'http://localhost:5000/upload', data: { file: blobFile }, resumeChunkSize: 10000, }).then(function (resp) { //upload function returns a promise console.log('resp: ', resp); }); 图像正在大块传输。 但现在,我感到震惊 我不知道如何接收这些块并合并来创build一个完整的图像。 我的服务器代码如下: handler: function (req, res) { var size = 0; req.on('data', function (data) { size += data.length; console.log('Got chunk: ' + data.length + ' total: ' + size); […]

从mysql中删除 – angular度nodejs

我需要帮助来执行angular度删除和更新。 在nodejs是好的,在Firefox中testingrestApi 用于删除操作的angular度控制器的一部分 $scope.deleteCustomer = function (index) { var alert = confirm("Do you really want to delete the task?"); if (alert == true) { $http.post('/customers/', { customer: $scope.names[index] }) .then(function success(e) { $scope.errors = []; $scope.names.splice(index, 1); }, function error(e) { $scope.errors = e.data.errors; }); } }; Html代码: <td>{{customer.id}}</td> <td>{{customer.name}}</td> <td> <button ng-click="updateCustomer($index)" class="btn btn-primary […]