草庐IT

angularjs-ng-include

全部标签

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 - 我应该为 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 - AngularJS:在每次按键时使用动态 ng-model 模糊更新输入

jsFiddle演示问题:http://jsfiddle.net/yoxigen/xxTJc/我正在构建一个小表单来编辑一个对象的所有属性。为此,我有一个用于属性的中继器。每个属性都有其输入:{{value}}每次在输入中按下一个键时,它旁边的值都会正确更新,但输入会失去焦点。知道如何解决这个问题吗? 最佳答案 IwishtherewasawaytopostponetheregenerationuntilI'mdoneediting.你也许可以做到这一点。只需制作一个自定义指令即可消除AngularJS事件并改为收听“更改”。以下是

javascript - Angularjs jquery UI 自动完成

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

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 - 将当前 HTMLElement 传递给 ng-click

是否可以将HTMLElement传递给在Controller上配置的ng-click?下面是一些示例代码:{{item.name}}Controller:function($scope){$scope.items=[{name:'Bilbo',id='Bilbo'},{name,'Frodo',id='Frodo'},{name:'Pippin',id='Pippin'},{name:'Merry',id='Merry'},{name:'Sam',id='Sam'}];$scope.handleThisElement=function(element){alert(element.id

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

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

javascript - 在 angularjs 模块初始化期间有条件地注入(inject)依赖项

我有一个Angular模块,我想有条件地将依赖项注入(inject)其中。即varmyapp=angular.module('myapp',['ngRoute','myappcontroller','ngGrid'//IwanttoincludengGridonlyifIamrunningadebugversionofmyapp]);有什么办法吗? 最佳答案 你可以,但需要一些额外的工作。第二个参数是一个数组,所以没有什么能阻止你这样做:vardev=['foo','bar'];varprod=['foo'];vardeps=dev

javascript - ng-flow 以编程方式上传

我目前正在使用ng-flow执行文件上传。似乎选择文件的默认操作是立即上传。我想覆盖它,以便选择文件并仅在单击按钮时上传。也许我误读了文档,但到目前为止我有以下内容:InputOROtherelementasuploadbuttonUploadFile{{$index+1}}{{file.name}}{{file.msg}}这似乎有效,我可以看到网络请求发出。我找到了flow.jsuploadfileonclick并尝试遵循建议的答案,但是$flow在相应的函数中未定义。那么,如何使用ng-flow以编程方式上传文件? 最佳答案 首

javascript - 从不同框架内的服务访问 AngularJS 服务

在AngularJS应用程序(主)中,我有一个iframe,其中还有另一个AngularJS应用程序(iframe)也在我的控制之下。我想在两项服务之间共享数据,一项在主应用程序中,一项在iframe应用程序中。他们都需要读取和写入同一个对象。//main//...routes...views:{main:{controller:function($scope,serviceA){$scope.serviceA=serviceA;},templateUrl:'iframe.html'}//...functionServiceA(){this.sharedData;//exposedto