社区首页 >问答首页 >如何通过npm包寄存作为一个DI角js角-谷歌地图使用浏览器化?

如何通过npm包寄存作为一个DI角js角-谷歌地图使用浏览器化?
EN

Stack Overflow用户
提问于 2015-11-09 23:55:55
回答 2查看 623关注 0票数 1

我使用npm作为using应用程序的包管理器,并使用Browserify来包含库。我使用的是角-google-map包:http://angular-ui.github.io/angular-google-maps

我得到了:

代码语言:javascript
代码运行次数:0
复制
ReferenceError: _ is not defined
    at o (vendor.js:8)
    at Object.load (vendor.js:8)
    at $get (vendor.js:8)
    at Object.r [as invoke] (vendor.js:1)
    at vendor.js:1
    at i (vendor.js:1)
    at Object.r [as invoke] (vendor.js:1)
    at p.instance (vendor.js:2)
    at m (vendor.js:2)
    at a (vendor.js:1)

作为错误。

现在我是如何包含js文件的:

代码语言:javascript
代码运行次数:0
复制
require('lodash');
require('angular-simple-logger');
require('angular-google-maps');

我就是这样把它们注入到angular.module中的:

代码语言:javascript
代码运行次数:0
复制
var requires = [
        /*What to inject here?*/
        'nemLogging',
        'uiGmapgoogle-maps',
];

angular.module('mapApp',requires);

在控制器中应包括哪些内容:

代码语言:javascript
代码运行次数:0
复制
angular.module('mapApp').controller('mapController', 
    function($scope, uiGmapGoogleMapApi, /*What to pass here?*/){
});

请指导如何在这个角度应用程序中注入什么,以及将什么参数传递给我的角应用程序以消除这个错误?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-11-10 21:28:52

angular-google-maps模块不使用角DI注入lodash,而是假定lodash是全局可用的。通过将其添加到window对象使其成为全局的:

代码语言:javascript
代码运行次数:0
复制
window._ = require('lodash'); // this will add it to the global namespace
require('angular-simple-logger');
require('angular-google-maps');
票数 3
EN

Stack Overflow用户

发布于 2015-11-10 00:01:17

你要做的就是:

代码语言:javascript
代码运行次数:0
复制
angular.module('mapApp', requires)
     .value('_', _);

这意味着您现在可以:

代码语言:javascript
代码运行次数:0
复制
angular.module('myApp').controller('mapController', function ($scope, uiGmapGoogleMapApi, _) {

});

下面是它的一个工作普朗克。可能是你做错了别的事。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33625209

复制
相关文章
如何使用npm发布自己的npm包
一. 创建 在npm的官网上注册一个账号,https://www.npmjs.com/ 1:在本地通过npm init 初始化一个项目,并建一个index.js 文件,因为index.js为默认进入的文件,如下: 2:在本地将该创建的项目打开,并在index.js编写想要写的文件(这里简单写一个排序),如下: 3:接下来通过npm login来登录你之前创建的npm账号,如下: 4:npm pubish 二. 使用 npm install 包名 三. 版本更新 更改版本号 重新发布
小吕
2022/09/26
3.8K0
如何使用npm发布自己的npm包
如何使用npm发布自己的npm包
一. 创建 在npm的官网上注册一个账号,https://www.npmjs.com/ 1:在本地通过npm init 初始化一个项目,并建一个index.js 文件,因为index.js为默认进入的文件,如下: image-ab2ede5fb9d14ab8bb059eb63257c67c.png 2:在本地将该创建的项目打开,并在index.js编写想要写的文件(这里简单写一个排序),如下: image-1dc4644452b844869943897ce6cfd223.png 3:接下来通过npm
小吕
2022/06/16
1.5K0
如何使用npm发布自己的npm包
如何发布一个typescript npm包
以之前的base64.js https://my.oschina.net/lilugirl2005/blog/3058514 为参考内容,我们发布一个用typescrip编写的npm包
lilugirl
2019/07/02
1.2K0
npm init @vitejs/app的背后,仅是npm CLI的冰山一角
我们每天都和npm打交道,但是不少人对npm的掌握程度还停留在一个比较浅的层面(当然这也包括我)。就比如说一个用 vite 创建 app 的命令npm init @vitejs/app,很多人就懵了,“npm init不是用来创建package.json文件的吗?”
程序员白彬
2021/04/29
1.8K0
npm init @vitejs/app的背后,仅是npm CLI的冰山一角
用JS打印三角形_用java打印倒三角
核心思想:双重for循环 外层for循环起到换行的作用,内层for循环是打印”*”的作用
全栈程序员站长
2022/11/17
1.2K0
用JS打印三角形_用java打印倒三角
如何规范地发布一个现代化的 NPM 包?
今天给大家分享一篇 JS 库打包的参考指南,如果你也在维护一些 JS 库,可以参考一下~
用户3806669
2023/01/11
2.3K0
技术角 | 快速通过中转方式下载GitHub/GitLab仓库
近期由于众所周知的原因,GitHub又不是特别好使,已经影响到了正常的pull/clone和push操作了。不过还好我的push主要还是在自己的网站更新上,但是pull/clone可是容易让人耽误事儿的啊。为此我经常使用Gitee(原称“码云”)做仓库中转。
ZNing
2021/07/16
1.1K0
技术角 | 快速通过中转方式下载GitHub/GitLab仓库
ArcGIS Maps SDK for JavaScript系列之三:在Vue3中使用ArcGIS API加载三维地球
创建Vue 3项目: 使用vite构建工具创建一个新的Vue项目,运行以下命令:
九仞山
2023/10/14
1.4K0
ArcGIS Maps SDK for JavaScript系列之三:在Vue3中使用ArcGIS API加载三维地球
如何发布npm包
1、npm是什么? NPM (node package manager),通常称为node包管理器。顾名思义,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。 npm 可以让 JavaScript 开发者在共享代码、复用代码以及更新共享的代码上更加方便。 当一个 JavaScript 开发者为了解决某个问题而编写了一些代码并将其共享出来的话,其他的开发者能够在自己的应用程序中复用这些代码,npm 让这些事情变得简单。 如果你使用了其他开发者开发的代码,你就可以很方便地使用 npm
小胖
2018/06/27
1.3K0
一日一技:如何在浏览器中使用npm包?
但由于JavaScript生态里面,有Node.js这个东西,这就导致第三方库有两种不同的导入方式。如果我们要做一个网站,我们通常会在HTML中,使用<script>标签引入.js文件,例如:
青南
2022/04/07
3.3K0
一日一技:如何在浏览器中使用npm包?
每天一个npm包 之 js-cookie
hello, 大家好,我是 前端学长Joshua (公众号)。 热心于做开源,写文章。 目的为帮助在校大学生,刚入职场的小伙伴可以尽快搭建自己的前端学习体系。 如果你有学习上的困惑,欢迎关注我,找我交流,我实时回复大家。
前端学长Joshua公众号
2021/08/21
1.8K0
js原型(prototype)三角恋关系
1.1:原型怎么写? 1.2:prototype的特点是什么? 1.3:对象的三角恋关系是怎么样的?
贵哥的编程之路
2020/11/11
8540
js原型(prototype)三角恋关系
html中三角向下符号,使用css实现三角符号效果[通俗易懂]
关于使用css制作三角符号,网上有很多的例子了,在这里只是为了详细的向各位解释一下三角符号的原理
全栈程序员站长
2022/11/16
2.3K0
html中三角向下符号,使用css实现三角符号效果[通俗易懂]
动态初始化 + 杨辉三角
目录 动态初始化: 杨辉三角: ---- 动态初始化: public class TwoDimensionalArray { public static void main(String[] args) { /* 动态创建下面二维数组,并输出 i = 0: 1 i = 1: 2 2 i = 2: 3 3 3 一共有三个一维数组,每个一维数组元素不一样 */ int[][] arr = new int[3][]; // 创建 二维数组 for(i
周小末天天开心
2022/10/26
1480
视场角(FOV)
在摄影学中,视角(angle of view)是在一般环境中,相机可以接收影像的角度范围,也可以常被称为视野。视角(angle of view)与成像范围(angle of coverage)是不同的,他是描述镜头可以撷取的影像角度,一般来说镜头的成像圈都够大到涵盖底片或者感光元件(或许会有一点点的边缘暗角)。假如镜头的成像范围无法涵盖整个感光元件,则成像圈会被看见,一般会伴随严重的边缘暗角,在这个状态下,视角会被成像范围所限制。
云深无际
2021/04/14
4.6K0
视场角(FOV)
使用CSS画一个三角形
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/147767.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/02
4770
使用CSS画一个三角形
Canvas使用fill()填充绘画三角形以及使用closepath()解决缺角问题
出现这个的原因跟前面篇章中说到画线的中轴线位置是在刻度位置的问题一样。那么有没有办法解决这个缺角的问题呢?
Devops海洋的渔夫
2019/12/26
9040
Canvas使用fill()填充绘画三角形以及使用closepath()解决缺角问题
如何使用npm创建Node.js项目?
Node.js是一种基于Chrome V8引擎的JavaScript运行时环境,广泛用于构建高性能的服务器端应用程序。通过使用Node.js,我们可以简化后端开发过程,并利用丰富的npm生态系统来管理和共享代码。本文将介绍如何使用npm创建Node.js项目,并讨论项目初始化、依赖管理和脚本配置等方面的内容。
网络技术联盟站
2023/09/04
2.8K0
如何使用npm创建Node.js项目?
如何自己写一个公用的NPM包
本文作者:IMWeb 钌子_rawbin 原文出处:IMWeb社区 未经同意,禁止转载 以markdown-clear,创建过程为例,讲解整个NPM包创建和发布流程 1 如何创建一个包 1.1 创建并使用一个工程 在GitHub上新建一个仓库,其名markdown-clear clone 这个工程到本地 1.2 添加LICENCE或LICENSE文件, 说明对应的开源协议 到SPDX License List 或者Open Source Initiative,下载相应协议的模板,我们这里选用MIT
IMWeb前端团队
2019/12/04
7790
如何发布一个 TypeScript 编写的 npm 包
在这篇文章中,我们将使用TypeScript和Jest从头开始构建和发布一个NPM包。
chuckQu
2023/02/13
2K0
如何发布一个 TypeScript 编写的 npm 包

相似问题

谷歌地图角Js

11

角JS角UI谷歌地图加载顺序

10

如何使用地理定位角JS谷歌地图?

12

谷歌地图没有加载-角JS

22

谷歌地图半径角

22
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文