草庐IT

angularjs-module

全部标签

javascript - babel-node 无法在 node_modules 中要求 jsx 文件

我知道babel-node忽略node_modules默认情况下,所以我运行了三种不同的方式来覆盖它,但都失败了:跑了babel-nodeapp.js与.babelrc:{"presets":["es2015","react"],"only":["app","node_modules/react-components"]}结果:SyntaxError:Unexpectedtoken对于所需的jsxNode模块跑了babel-nodeapp.js与.babelrc:{"presets":["es2015","react"],"ignore":"node_modules\/(?!react

javascript - require() : using module. 导出 vs 直接分配给 "this"

我想知道将这两种方法相互对抗时是否有任何优点或缺点:首先.js:this.myFunction=function(){return'herrofirst';}second.js:module.exports=obj={};obj.myFunction=function(){return'herrosecond';}以上两个将被包含并按如下方式使用:应用程序.js:varfirst=require('./first.js');console.log(first.myFunction());varsecond=require('./second');console.log(second.m

javascript - 使用整数为美分的angularjs货币过滤器

正如您可以在互联网上阅读的那样usingfloatstorepresentcurrencyisaverybadidea.推荐的最佳做法是改用代表美分的整数。这样您就不会遇到任何精度问题,尤其是在您进行一些计算时。由于我天真且过于乐观,我选择了-尽管有所有警告-float来表示我应用程序中的货币。一开始进展顺利。现在我遇到了各种问题(尤其是比较问题),想从float切换到整数。不幸的是,angular不支持美分整数作为货币过滤器的输入(至少据我所知)。我有点惊讶,到目前为止似乎还没有人提出这个问题(github上没有相应的问题,SO上也没有,等等)。有什么最佳实践吗?您能想到像这样的简单

javascript - 无法读取未定义的属性 'toLowerCase' (Angularjs/JavaScript/Json)

我正在构建Angular/Express应用程序,我使用Controller加载数据并尝试在函数中处理数据,但我在控制台中遇到错误Cannotreadproperty'toLowerCase'ofundefined当我手动写入JSON数据时,它工作得很好。任何人都遇到过这个错误,为什么会发生?编辑:我还希望函数在点击时起作用,当我不希望它加载时,我还使用View中的listData数据,所以我知道它已加载Controllervarself=this;self.listData=[];varself=this;self.listData=[];$http.get('/myList').s

javascript - ES6 : No source code for webpack "cheap-module-eval-source-map" and "cheap-module-source-map" only ** WEBPACK FOOTER **

它曾经有效。现在,当我添加一个断点时:saveSnippet:(title,imageUrl,role)=>{debugger;...chrome(53)中的结果是:我尝试使用它并将配置更改为'cheap-module-source-map'和'eval-source-map'和'source-map'。现在只有'eval-source-map'和'source-map'可以工作。webpack.config.js(Webpack1.13.2):varpath=require('path')varwebpack=require('webpack')varCompressionPlugi

javascript - 如何选择 node_modules dist flavor 与 webpack 捆绑在一起

问题:在我将AJV.js升级到版本6.4后,我的vendorbundle包含“uri-js”ESNEXT版本而不是破坏IE11兼容性的ES5版本。分析:我认为AJV通过require('uri-js')调用引用uri-js,而uri-js有两种形式:/node_modules/uri-js/dist/:es5下一个出于某种原因,Webpack(V4.8)将uri-js的“esnext”风格捆绑到我的vendorbundle中,而不是使用“es5”。我找不到我必须如何/在何处指定我的首选构建目标。这是我的webpack.config.js:constpath=require("path"

javascript - 编译器不抛出 "Cannot find module"错误

在我的项目中我有2个文件:foo.jsconstimage=require('../this/path/is/wrong.png');boo.tsxconstimage=require('../this/path/is/wrong.png');在foo.js中TypeScript正确的发现图片不存在并抛出“Cannotfindmodule”错误,但是对于boo.tsx没有抛出错误所以该错误仅在应用程序崩溃时出现在运行时。如果我只是将boo.tsx重命名为boo.jsTS再次开始按预期抛出错误。这些是我认为可能相关的一些编译器选项:"module":"es2015","target":"

javascript - AngularJS 中的多个独立部分

我一直在研究Angular.js教程,现在我想扩展它。这是一个简单的CRUD应用程序,具有模板列表:list.html(仅在数据库中记录标题和内容)、创建表单:new.html和编辑表单:edit.html。刚才list.html从我的REST应用加载模板数组并将它们显示在表格中。有一个搜索表单和一些排序功能。New.html有一个用于创建新模板的表单。这两个.html文件是通过不同的路径加载的。#/和#/new我现在想要做的是拥有一个文件index.html,它将list.html加载到一个div中,然后将new.html加载到另一个div中。这个想法是记录列表将始终显示在左侧,然后

javascript - AngularJS 和 Adsense

我想将GoogleAdsense添加到我的Angular应用程序,我找到了一个工作示例here.问题是我无法在我的模板中添加html,因为我在脚本标记()和script中加载模板adsense标签破坏了模板。我尝试将模板移动到指令:app.directive('Adsense',function(){return{restrict:'A',transclude:true,replace:true,template:''+''+'(adsbygoogle=window.adsbygoogle||[]).push({});',link:function($scope,element,att

javascript - angularJS:WAITING ng-if 完成,以确保 DOM 已准备就绪

我正在使用ng-if来显示和隐藏一个元素。当该元素出现时,我想调用一个服务,该服务在新元素内滚动到某个子元素(按Id)。问题是,如果我在将元素设置为可见后立即尝试调用我的服务函数,那么DOM似乎还没有准备好。varmyApp=angular.module('myApp',[]);myApp.factory("ScrollService",function(){return{scroll:function(id){console.log(document.getElementById(id));}};});functionMyCtrl($scope,ScrollService){$sco