草庐IT

angular-amd

全部标签

javascript - 当 `ngModelChange` 保持值时,Angular ngModel 不会更新

我有一个文本字段表示为:field={text:"",valid:false},以及一个带有[(ngModel)]="field.text".我想让那个字段只接受一组定义的字符(对于这个问题,数字),并且(keypress)在移动设备上不起作用,所以我做了:(ngModelChange)="fieldChanged(字段)"该方法执行以下操作:fieldChanged(field){console.log(field.text);field.text=Array.from(field.text).filter((char:string)=>"0123456789".indexOf(ch

javascript - angular-ui-router 1.0.x : event. preventDefault & event.defaultPrevented 替代

我刚刚将$stateChangeStart替换为$transitions.onStart$rootScope.$on('$stateChangeStart',function(e,...){e.preventDefault();//othercodegoeshere...});到$transitions.onStart({},function(tras){//needacodeequivalenttoe.preventDefault//needacodetoidentifyevent.defaultPrevented//othercodegoeshere...//getparentst

javascript - 带有 Bootstrap 4 Grid 的 Angular Material 2

我正在使用Angular4并安装了AngularMaterial2,因为我喜欢组件的外观。所以现在我拥有所有组件并想要创建布局。我知道它有AngularFlex布局,但老实说我不太了解Flex,所以我在考虑使用Bootstrap的4Grid来整理布局。为什么我不应该将Bootstrap的网格与AngularMaterial2一起使用? 最佳答案 将bootstrapgrid与angularmaterial2一起使用是毫无意义的。Idon'tknowFlexthatwellsoIwasthinkingonusingBootstrap'

javascript - 如何从 Jasmine 测试 Angular 2/4 触发文档级事件

根据Angular测试文档,要从测试中触发事件,我们在调试元素上使用triggerEventHandler()方法。此方法采用事件名称和对象。现在,如果我们使用HostListener添加事件,这将起作用。例如:@HostListener('mousemove',['$event'])或添加一个document级别的事件,我们这样做是这样的@HostListener('document:mousemove',['$event']).在我当前的指令实现中,由于我无法嵌套HostListeners,我使用document.addEventListener添加document级事件到Host

javascript - 错误 : Cannot find module "rxjs/operators" in Ionic Angular

我正在尝试运行我的Ionic项目。几天前它工作正常,现在我无法运行它,无论我做什么。这个错误出现了!我尝试从package.json和node_modules中删除Rxjs,还注释掉了我使用Rxjs的所有地方,仍然出现此错误。在Ubuntu16.04中尝试使用Node8.9.0和npm4.5.0。也试过同样的在windows中运行还是显示同样的错误!我该如何解决这个问题? 最佳答案 尝试重新安装5.5.3或更高版本的rxjsnpminstall@reactivex/rxjs@5.5.3这个问题似乎在5.5.3版本中得到修复https

javascript - 将 Interact.js 与 Angular 项目集成

我需要在Angular项目中使用Interact.js提供的功能,例如可拖动、可调整大小等,但我找不到在typescript中导入它的可靠方法。我已经阅读了一些通过将其定义为函数来解决问题的方法,但我只是想知道这是否是正确的方法。 最佳答案 添加了Interactjs团队typedefinition所以你可以使用typescript。使用NPMinstall而不是像这样的单独文件npminstallinteractjs然后常规导入应该可以工作import*asinteractfrom'interactjs';

javascript - 如何从 Angular 4 中的 NVD3 回调导航组件?

我已经在Angular4中实现了NVD3图表。在回调函数中编写了一个onClick事件,在单击图表时我试图导航到另一个组件,但我无法导航。代码:import{Router}from'@angular/router';exportclassMyNewComponentComponentimplementsOnInit{constructor(publicrouter:Router){}this.options={chart:{type:'discreteBarChart',height:450,margin:{top:20,right:20,bottom:50,left:55},x:fu

javascript - 使用 require.js 将 jQuery、Underscore 和 Backbone 包含为 AMD 模块的最佳方法是什么?

我见过许多不支持AMD的加载模块变体但是,我想知道这样做的最佳做法是什么。最终,我想编写这样的模块:module.js:define(["jQuery","Underscore","Backbone"],function($,_,Backbone){...modulecodehere}但是使用AMD加载这些依赖项存在很多问题,因为它们并非都与AMD兼容。 最佳答案 我创建了一个待办事项列表样板Web应用程序,它将所有模块加载为AMD模块(没有加载程序)。检查一下:https://github.com/ronreiter/webapp

javascript - 哪些脚本加载器(AMD 或非 AMD)与 Backbone.js/Underscore 一起使用?

一个星期以来,我开始学习如何将require.js与Backbone.js和Underscore.js一起使用。这是一个非常困难的东西,但3天前我读到Underscore将不再支持Require.js(AMD)了!现在我有点困惑。我非常喜欢脚本加载器的概念,不想错过它!有人已经成功地将脚本加载器与Backbone.js(0.5.3)和Underscore(1.3.0)一起使用了吗?谢谢你的帮助!链接:另一个解决方案here 最佳答案 我目前在我的Backbone样板中使用下划线1.3和Backbone0.5.3。你可以看到我在那里做

javascript - 使用 Angular 服务在 Controller 之间共享数据

我正在尝试让两个不同的Controller相互通信。Controller1functionWelcomeCtl($scope,emailService){$scope.save=function(){emailService.saveEmail(‘Hi’);}}WelcomeCtl.$inject=[$scope,emailService];此Controller旨在从文本字段中获取文本(使用ng-model='email')并将文本放入服务(emailService)中,以便在下一个ng-view(受控)中使用由下一个Controller)//出于测试目的,我只是将“Hi”直接放入s