angular2 - angularjs 点击空白处关闭
问 题 我有两个div,一个大的是全屏的,一个小的。我想要实现的效果是点击大的和小的之间的空白处,就能够做到关闭这两个div。我的代码如下: 我现在点击close button可以关闭整个id为zoom的div。我想能够点击两个div之间的空间也达到这样的效果。不知道angular或者boostrap里面有没有相应的指令? 解决方案 之前做过一个、父容器做
1474 2022-07-19
编程技术问答社区
angular2 - 使用 Angular 2 作前端、Django 作为后端时如何配置 URL?
问 题 我在开发一个项目,使用 Angular 2 作为前端,用 Django 作为后端来处理请求。 Angular 项目中使用了路由。 我该怎样来配置 URL?生产环境部署时怎样做? (在网上搜了一下没找到相关资料) 解决方案 用了 nginx 解决的 项目用 angular-cli 生成 对于 Django 的后端,都放到 api 下面,由 nginx 通过 uwsgi 反代 对于 Angular2 的前端: 开发环境:开 ng serve ,nginx 对根目录做反代 生产环境:ng build之后,nginx 用 alias
192 2022-07-19
编程技术问答社区
javascript - rxjs中publishReplay().refCount()的作用
问 题 我找了很多资料都看的不是很明白,希望大家可以简单的说一说或者提供点资料,谢谢! 解决方案 var subject$$ = new Rx.ReplaySubject(); subject$$.subscribe( x => console.log('sub',x) ); var observableA$ = Rx.Observable.of('test'); observableA$.subscribe(subject$$) ; =======省略的写法======== var connectableObservable$ = Rx.Observable.of('test').multicast( new Rx.ReplaySubject()) //需要手动的去connect var sub = connectableObservable$.connect(); connectableObservable$.subscribe( x => con
436 2022-07-19
编程技术问答社区
IntelliJ上的Angular 2代码建议
我看到Angular2 RC本月早些时候发布,我正在玩几个月的β版本,所以我决定用 删除Angular2 Beta模块 npm uninstall angular2 然后我使用来自Angular2 QuickStart教程的Package.json来安装RC释放: { "name": "angular2-quickstart", "version": "1.0.0", "scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, "license": "ISC", "depende
368 2022-07-19
编程技术问答社区
Angular2 : 应用程序启动时重定向到一个页面
我在Angular2中对我的Web应用程序面临有点问题.. 每个应用程序启动,我会检查用户是否有权访问权限. 但是,我不知道如何将用户重定向到路由,这使得这一过程使得他是他的位置. 任何想法? 提前感谢! 解决方案 有两个常见方式 使用 Canactivate 使用自定义 routeroutlet 您检查用户是否被认证否则重定向到登录路由 另见 - 检查如果用户登录Angular 2 的任何页面更改 - http://www.captaincodeman.com/2016/03/31/Angular2-Route-Security/
1028 2022-07-19
编程技术问答社区
Angular 2. 使用指令防止输入和模型改变
我需要验证字段:仅限范围内的数字.所以,我试图写这样的指令: @Directive({ selector: "[input-limitation]", host: { '(input)': 'onChange($event)', } }) export class InputLimitationDirective { @Input("input-limitation") settings: InputLimitationSettings; public constructor(private el: ElementRef) { let self = this; console.log(":::::::::::::::: el.nativeElement", el.nativeElement); //jQuery(el.nativeElement).on('keypress',
194 2022-07-19
编程技术问答社区
javascript - angular2 使用webpack打包 UglifyJs报错
一个简单的 helloworld程序 只要使用 UglifyJs 就会报错 配置如下 var webpack = require('webpack'); module.exports = { entry: { app: './src/main.ts', vendor: './src/vendor.ts', polyfills: './src/polyfills.browser.ts' }, output: { filename: './dist/[name].js' }, resolve: { // Add `.ts` and `.tsx` as a resolvable extension. extensions: ['', '.ts', '.js'] }, module: { loaders: [
466 2022-07-19
编程技术问答社区
node - ng serve/ng serve --prod --aot启动项目出现的问题
我下载了大漠老师的案例,用angular-cli的ng serve --prod --aot 启动它,就一直启动不了,反复弹出此消息,目前不懂怎么处理。文件目录确实也是对的,我启动之前自己用angular-cli创建的ng new project的项目是可以的,请问我这个怎么解决?
532 2022-07-19
编程技术问答社区
javascript - angular2如何双向绑定多个checkbox?
问 题 比如我又一个数组如下: var array = ['喜欢','不喜欢','非常喜欢','超级喜欢','喜欢得不得了']; html模板中 我盖如何实现,选中其中一个checkbox后,能在div.youselect中显示出我已经选中的内容,如果是多选,则呈现出数组或者以逗号隔开的形式 比如我选中了“喜欢”,“喜欢得不得了”,那么div.youselect中则显示出: “喜欢,喜欢得不得了” 可以使用formArray等方式进行,但是我在使用过程中都没有实现。希望大神出手帮帮忙! 解决方案 谢邀,基于你给的数据结构,但建议还是使用如下数据结构(表单提交的时候,一般提交
242 2022-07-19
编程技术问答社区
node - Electron使用Angular(webpack打包)写渲染线程,引入fs时提示找不到模块
已解决 各位好!问题详细如下: 在webpack打包angular的时候,如果angular引入了像fs、path这样的node模块,那么webpack的打包机制是怎样的呢?有没有一种配制方法可以让webpack不对这些模块进行打包,保存require的引入方式呢?下图可以证明fs模块是可以在console引入的,但是当代码打包过以后,就会提示fs模块无法找到。 如果您知道或遇见过相似的问题,非常感谢您的帮助
864 2022-07-19
编程技术问答社区
javascript - Angular-cli生成组件时自动将组件import到AppModule是如何实现的?
问 题 如果用angular-cli执行以下命令 ng g c TestComponent 除了生成一个组件外, 还能将这个组件自动import到AppModule里. app.module.ts文件原本是有内容的, 是如何做到在特定的位置插如内容的? 解决方案 基本上就是依靠ts的编译器解析出了AST,然后插入或删除nodes,最后再写回文件 具体细节没有细看,而且我编译原理学得一塌糊涂,估计也看不懂... 相关代码见这里
334 2022-07-19
编程技术问答社区
typescript - Angular 4.X版本如何引入第三方JS的库
问 题 本人最近在做一个项目,使用Angular 4.X版本,需要使用到很多第三方JS写的库,比如说JQuery,DataTables,Date Range Picker,ECharts,js-sha256,安装使用它们的方法很多,比如js-sha256,我是直接通过npm install 安装后直接在component中 import { sha256 } from 'js-sha256',然后就可以使用了。而Echarts,我是通过typings安装使用。Bootstrap我是下载包放在assets中,直接在html中使用。三种方法都不一样。 我想知道有没有比较通用的使用第三方js库的方法。希望可以给出步骤,谢谢。 解决方案 这要看你的第三方库放在哪。 第一种情况: 如果是用npm安装在node_modules下,可以直接用类似的:import * as $ from "jquery"; 导入语句具体采用哪种语法要看你的某个.d.ts文件中有没有定义
382 2022-07-19
编程技术问答社区
javascript - ionic2 ios启动白屏
问 题 如题, ionic2项目打包成ios应用后,打开应用,先出现启动页,然后马上出现带有loading的白屏,过了几秒后出现登录页, 但是android就不会出现这种情况,android是打开应用,出现启动页,然后等几秒出现登录页 请问这种情况怎么解决,网上的办法都试遍了。 /////////////////// 重新编辑这个问题, 其实就是Splash Screen的启动页在跳到登陆页之前就自动消失了 解决方案 已解决。重新安装 ionic cordova plugin remove cordova-plugin-splashscreen ionic cordova plugin add cordova-plugin-splashscreen 这个插件后就好用了
202 2022-07-19
编程技术问答社区
webpack - NG 4 项目,每日第一次访问报错,Error:Loading chunk 0 failed
NG 4 项目,每日第一次访问报错,线上几个不同的项目都出现这种情况 报错信息:Error:Loading chunk 0 failed,0.chunk.js这个是ng按需加载的文件,请求结果是200,但是为什么会报错?而且多个不同的项目都出现这个错误,应该可以排除是业务代码的原因 附上 angular/cli 版本 ,求大神解救
8088 2022-07-19
编程技术问答社区
如何将进度圈限制在60%而不是100%的满分
在我的 angular 2 项目中,我使用 angular 2 材料设计来显示进度,我使用了这样的进度圈,实际上我将它用作超时,并且我想限制为 60 秒,比如当 60 到达时整个进度应该是完整的 解决方案 鉴于 的 "value" 属性只接受百分比值,一个解决方案是转换为转换 clock(我理解可以将值从 0 到 60) 转换为百分比. 您可以像这样实现这种转换:
380 2022-07-19
编程技术问答社区
javascript - 为什么按照angular2官网的例子做没有结果?
问 题 我是新手,来新公司之后一直要我学各种东西,没看项目,现在每天的事情就是学习 他们让我在这个地址学angular2,。https://angular.io/docs/ts/la... 可是我学不会, 那个5分钟快速学习做不出来, 第二节the hello editor下载的源码和他的示例也不一样。我照着做运行的时候总是报错。 好崩溃啊,也没人带我 xxx@xxx-desktop:~/WebstormProjects/angular/my-proj/quickstart$ npm start > angular2-quickstart@1.0.0 start /home/xxx/WebstormProjects/angular/my-proj/quickstart > tsc && concurrently "tsc -w" "lite-server" sh: 1: tsc: not found npm ERR! weird error 127 npm
438 2022-07-19
编程技术问答社区