Tag: angularjs

意想不到的令牌<angular2生产构build后: 在用ng build -prod构build我的angular 2应用程序之后，我复制了我的node.js项目中的dist文件夹，并将基本标记修改为<base href="/app/"> 现在，当我尝试在浏览器中打开我收到以下错误：意外的标记<vendor.3dc323c … .bundle.js：1未捕获的SyntaxError：意外的标记<main.ba0828d … .bundle.js：1未捕获的SyntaxError：意外的标记< node.js路由： router.route('/app/*').get(function (req, res) { res.sendFile('app/index.html', {root: __dirname }) }); Angular版本：5.1.0 Angular Cli版本：1.0.1 谢谢！

使用NodeJS运行一个Angular 2应用程序，同时实时重新打包: 描述我曾经有NodeJS运行在:3000和我的ng serve'd Angular2应用程序运行:4200他们将沟通。我正在使用WebPack 我现在使用ng build -prod生成Angular2应用程序，并让Angular2应用程序读取staging（dist）文件夹并提供静态文件本身。问题当我分裂的职责，我曾经能够自动页面刷新ng serve将与angular-cli和魔术会发生。但是现在，我有NodeJS服务的静态文件，我不得不ng build -prod每一次我想刷新页面。任何人都知道我可以重新包装到暂存文件夹？

Angular不会在ng-view中加载外部脚本: 嗨，我尝试创build简单的networking应用程序。首先，我创build了我的第一页，当我把它加载到我的电脑没有节点一切都很好。问题出现了，当我把它放到节点服务器（在同一台机器上的本地主机上），该网站也加载罚款和angular度的脚本，但问题是与外部脚本负责做好看的validation。在浏览器控制台脚本下载代码200，所以一切都应该是好的，但它不工作。你知不知道为什么会发生。该脚本的行是 <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.js"></script> 这是我的html代码： <!DOCTYPE> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.11.9/validator.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body ng-app='app' ng-controller="ApplicationLoginCtrl"> <div ng-view></div> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js"></script> <script src="loginModule.js"></script> </body> </html> 这里是angular度脚本加载的视图： <div> <div class='container-fluid'> <div class="row justify-content-start"> <p class='mainPromoText insideLoginDivText'>zyciakjgjdfhg</p> <p class='mainAppName […]

Socket.io和MEAN.io: 我试图通过socket.io做前端angularjs和后端节点之间的通信。应用程序build立在Mean.io锅炉板上。套接字无法连接到后端。这是我的代码 Angular.js <script src="/socket.io/socket.io.js"></script> <script> var socket = io('localhost:3000'); console.log('——–>' , socket) socket.emit('new', { data: 'asd' }); socket.on('hi', function (data) { alert('socket connected hi called'); console.log('===================== ============== data',data); }); socket.on('broadcast', function (data) { console.log('===================== ============== data',data); }); </script> Node.js的 MeanStarter.register(function (app, users, system, database, http) { var io = require('./server/config/socketio')(http); io.on('connection', function […]

将AngularJS应用程序部署到docker容器中: 我正在尝试将我的angularjs应用程序部署到docker容器中： MYAPP /networking/ Dockerfile FROM node:latest RUN mkdir /myapp ADD . /myapp WORKDIR /myapp RUN npm install -g phantomjs-prebuilt RUN npm install -g grunt-cli RUN npm install -g grunt RUN npm install -g bower RUN npm install RUN bower install –allow-root RUN npm run v2 EXPOSE 9000 CMD ["grunt", "serve"] MyApp的/搬运工-compose.yml version: '2' services: nginx-proxy: […]

我如何使用angularjs从物理path下载Excel文件: 嗨，我想通过点击button下载Excel文件。让我解释一下我的情况，首先我在运行时由excel文件创build。对我来说，文件是在我的proj文件夹中创build的。但我不知道如何下载物理path中的文件。 HTML <button ng-click="exportData()" class="btn btn-sm btn-primary btn-create">Export</button> controller.js $scope.exportData = function () { data='hi'; SKUdataName ='how'; UOMdataName ='are'; cartdatatype='you'; $http.get('/Getexcel/' + data + '/' + SKUdataName + '/' + UOMdataName + '/' + cartdatatype).then(function (response) { //here what should i write to download the file from physical path }); }; […]

无法使用gulp编译代码: 实际上我有一个基于angularjs的项目，我需要做的是编译代码并使用gulp创build文件夹。 / 错误 => [12:03:39]使用gulpfile E：\ projects \ public \ public \ gulpfile.js [12:03:39]开始'mkdir：tmp'… [12:03:39]configuration'… [12:03:39] 9.6 ms后完成'config'[12:03:39]'mkdir：tmp'23 ms后出错[12:03:39]错误：命令失败：rm -rf E：\ projects \ public \ public / tmp && mkdir -p E：\ projects \ public \ public / tmp'rm'不被识别为内部或外部命令，可操作程序或batch file。在位于maybeClose（internal / child_process.js：877：16）的ChildProcess.emit（events.js：191：7）处的emitTwo（events.js：106：13）处的ChildProcess.exithandler（child_process.js：206：12）在sockets。（内部/ child_process.js：334：11）在位于Pipe._handle.close的Socket.emit（events.js：188：7）的emitOne（events.js：96：13） 498：12）* / 当我使用del而不是rm命令时，进程没有完成 / * Gulpfile.js * / gulp.task('default', ['build']); […]

有没有办法使用angular度文件下载任何types的文件？: 我使用node.js和angular.js为我的应用程序，我试图通过浏览器使用Blob和fileSaver.js下载文件。我已经在我的应用程序的其他部分使用这些来下载文本文件和PDF文件指定正确的types创buildBlob对象没有任何问题，但在当前部分我需要支持任何types的文件，我不知道如果它是可能的。例如，我试图下载一个带有和没有type:image/png的图像文件，结果是一个损坏的图像 – 在文本编辑器中检查它，并将其与原始文件进行比较，结果显示许多字节已被更改。这里是我使用的代码片段：服务器： fs.readFile(/* snipped file path */, function(err, data){ if(err){ /* handle error */ } else{ res.send(data); } }); 客户： $http.get(/* endPoint URL */) .success(function(result){ var data = new Blob([result], {type: 'image/png'}); FileSaver.saveAs(data, filename); }); 几个问题：我需要指定Blob的types吗？如果是这样，我是否也需要在服务器上指定它（确定它是一个痛苦）？我不能在两端跳过它吗？什么导致图像testing导致损坏的文件？我是否缺less一些content-type头文件？

如何将数据更新到js中特定位置的文件中: 我有一个文件的数据如下， Test.txt, <template class="get" type="amp-mustache"> <div class="divcenter"> /////Need to append data at this point///// </div> </template> 我有如下的数据 [ {'text':'<p>grapes</p>'}, {'text':'<p>banana</p>'}, {'text':'<p>orange</p>'}, {'text':'<p>apple</p>'}, {'text':'<p>gua</p>'} ] 追加数据后应该是， <template class="get"> <div class="divcenter"> <p>grapes</p> <p>banana</p> <p>orange</p> <p>apple</p> <p>gua</p> </div> </template> 我的代码， fs.readFile(Test.txt, function read(err, data) { if (err) { throw err; } var file_content = data.toString(); var c = […]

无法使查询在Angular中工作: 我对Angular很陌生，我试图做一个简单的应用程序，使用REST服务并展示结果。当我尝试在Angular中使用查询命令时，出现以下错误：angular.js：14525错误：[$ resource：badcfg]查询哪个快速search显示的是当它获取对象而不是数组时引发的内容。 angular angular.module('strateGISApp.controllers', []) .controller('CategoryListController', function($scope, $state, popupService, $window, Category) { $scope.categories = [Category.query()]; //fetch all categories. }); 前端 <tr ng-repeat="Category in categories"> <td>{{category.id}}</td> <td>{{category.category_name}}</td> </tr> 此外，我从一个nodejsrest服务消费的json返回两个重复的集合。一个名字logging集和一个命名logging集。这可以对此产生什么影响吗？编辑：正如在评论中指出的解决scheme是添加isArray：false，但现在我的网页显示了非常大量的logging（数据库只有4），似乎无法访问任何对象的属性。编辑2：经过进一步的调查（通过用console.log编写类别），似乎我从其他服务获取HTML。类别是一个数组 0 : "<" 1 : "!" 2 : "D" 3 : "O" 4 : "C" 5 : "T" 6 : "Y" […]