草庐IT

Angular-ui-bootstrap

全部标签

javascript - 将 angularjs 服务注入(inject) Angular

我正在尝试将$log服务用于angular2,根据我的阅读,您需要执行以下步骤:创建一个包含您要注入(inject)的服务的模块。调用UpgradeAdapter的upgradeNg1Provider方法。所以,我做了以下varinitInjector=angular.injector(['ng']);var$log=initInjector.get('$log');angular.module('Services1',[]).service('$log',[$log]);upgradeAdapter.upgradeNg1Provider('$log');然后我创建一个angular2

javascript - angular2路由器避免url编码

我是Angular2的新手,不知道要搜索正确的术语才能获得我需要的内容。我在我的应用程序中使用Angular2RC5和RouterModule。当我为要导航到的路由传递参数时,Angular2Router会自动对其进行URL编码。现在虽然这是一件好事,但有没有办法防止某些参数发生这种情况?例如,我想在URL中添加逗号分隔值:http://localhost:4200/appcomponent/?data=abc1,abc2,abc3angular2的作用:http://localhost:4200/appcomponent/;data=abc1%2Cabc2%2Cabc3(看起来比较乱

javascript - 我应该为 Angular 使用 Material 还是为 AngularJS 使用 Material?

Angular'sGitHub页面显示了两个与MaterialDesign相关的固定存储库:angular/material2angular/materialREADME.md对于angular/material标题为AngularJS应用的Material设计。README.md对于angular/material2标题为Angular的Material设计。我正在使用angular-cli构建Angular2网络应用程序并且安装和导入@angular/material到app.module.ts。import{BrowserModule}from'@angular/platform

javascript - Webpack 2 和 Angular 1 : exporting and import modules

希望得到一些澄清,说明为什么以下内容没有按预期工作,希望这是我可能忽略的容易的事情。如果没有Webpack,当前的实现会按预期工作。理想情况下,想要保持当前的实现,我觉得注册组件/Controller/等应该在它自己的文件中完成,并且只指向相关模块。但是,如果这不是最佳做法,我还希望看到另一个建议。文件root.module是我定义根模块的地方,然后在root.component文件中我将组件附加到该模块。不导入模块的当前实现://root.component.js'usestrict';varroot={template:require('./root.html')};module.

javascript - Bootstrap Slides 在使用 Angular 6 使用多项目轮播时滞后

我的问题是我正在为多项目轮播使用Angular6、Bootstrapv4和jQuery。如果我在轮播上有[1,2,3,4,5,6]这样的数据,它必须显示[1,2,3]。按下一步后它必须显示[4,5,6]。在我完成这一部分之前,我遇到了一些问题。只有第一张事件卡在移动,也有滞后,上一个和下一个按钮不可见。请检查一次Stackblitz文件,您将了解问题这是我在Stackblitz中的工作https://stackblitz.com/edit/angular-jvr6dhHTML代码InformationCard1Thisisalongercardwithsupportingtextbel

javascript - 如何将 Knockout js 模型绑定(bind)到向导式 UI

我正在使用Knockoutjs。我有一个包含对象数组的View模型,我想允许用户使用向导样式界面编辑其中一个对象。我遇到的问题是向导会根据所做的选择显示不同的步骤。例如:如果用户在第1步选择"is",那么我会显示第2a步如果用户在第1步选择“否”,那么我会显示第2b步(即不同的对话框形式)这样下去,通过向导的路径就不是线性的了。我的问题是我是否在启动时将所有可能的向导UI步骤绑定(bind)到View模型,即使某些步骤永远不会显示并且某些屏幕上的绑定(bind)无效(例如步骤5可能绑定(bind)到viewModel.theObject.PropertyA.PropertyB.Prop

javascript - Angularjs jquery UI 自动完成

我正在尝试在Angular指令中实现jquery的自动完成功能。我收到的源数据来自websocket响应。它不起作用,我认为响应延迟是导致这里问题的原因。如果有人可以阐明下面的代码,我将不胜感激。是否有任何优雅的技术可以使用某种请求/响应或promise来实现这一点?app.directive('autoComplete',function($rootScope,locationAutoCompleteService,$timeout,$http,programLocationModel){return{restrict:'A',scope:{serviceType:'@service

javascript - Angular ngController 与在指令中构建的 Controller

我想知道这两种创建Controller的用例是什么:使用ngController:myApp.controller('myController',['$scope',function($scope){}]);在带有Controller属性的指令中构建Controller:myApp.directive('myDirective',['$window',function($window){return{restrict:'A',controller:['$scope',function($scope){}],link:function(scope,element,attrs){}};}]

javascript - AngularJS ui-router $state.go ('^' ) 仅更改地址栏中的 URL,但不加载 Controller

我正在尝试使用angularjsui-router创建一个“TodoApp”。它有2列:第1列:待办事项列表第2列:Todo详细信息或Todo编辑表单在保存Todo后的编辑和创建Controller中,我想重新加载列表以显示适当的更改。问题:在创建或更新Todo时调用$state.go('^')后,浏览器中的URL变回/api/todo,但是ListCtrl未被执行,即$scope.search未被调用,因此Todo列表(包含更改的项目)未被检索,第2列中第一个Todo的详细信息也未显示(而是,它变成空白)。我什至尝试过$state.go('^',$stateParams,{reloa

javascript - 调试 Angular 的摘要周期 : How to find the cause of an infinite loop?

我目前正在编写一些带有延迟加载内容+Controller的代码。我的代码基本上像thisfiddle一样工作.但是,出于某种原因,我的版本不起作用,而是我得到aninfinitedigestcycle每当angular尝试更新它的View时。当我从这个简单的重复语句中删除ng-include时,问题就消失了:最奇怪的部分:即使从未将pageNames分配给范围,也会发生完全相同的错误。两个范围(外部和内部Controller的范围-我都有一个)可以完全为空(我检查了Batarang-我只有两个空范围),但我仍然得到错误。我的代码有点复杂,其他依赖太多,所以贴在这里没有意义。它最纯粹的版