草庐IT

angularJs

全部标签

javascript - Angular : Selectively compile templates

我知道ng-non-bindable允许给定元素及其子元素不被编译为模板。它似乎被设计为根据需要在整个模板中穿插。有没有办法告诉Angular不要处理给定的元素,而是在其中“戳洞”并允许处理选定的子元素?例如,我很想能够做这样的事情:{{2+2}}{{2+2}}并让它输出:{{2+2}}4我知道ng-non-bindable甚至不允许处理ng-bindable,即使它存在。但是,是否存在允许像我所表达的那样处理模板的方法?更彻底地说,我理想的解决方案是在找到ng-bindable之前不会处理任何Angular,而不仅仅是大括号表达式。例如:{{n+2}}{{n+2}}会导致:{{n+2

javascript - Jasmine spy 期望用 "Object(...)"调用

我正在完成从Jasmine1.3到2.0的迁移。到目前为止,我已经重构了大部分代码以符合2.0的更新语法。然而,某种测试仍然失败。简而言之,我的测试是这样的:varobj=newCustomCriteria();spyOn(my,"function");my.function(obj);expect(my.function).toHaveBeenCalledWith({big:"fatobject"});我的CustomCriteria类:varCustomCriteria=function(){this.big="fatobject";};测试失败,出现以下情况:Expectedsp

javascript - 使用 Webpack 将 SVG 附加到 DOM

目前,我的公司在我们的AngularJS网络应用程序的index.html中包含一个相当大的SVGSprite图,其中包含各种图标。主SVG由CSS隐藏,我们通过按ID选择它们来显示SVG中的各个图标:我们现在正尝试通过拆分SVG并将生成的部分内联到需要它们的页面上来减少我们网站的加载时间。由于我们也转向Webpack来捆绑我们的应用程序,我们希望在Angular模块中指定特定SVG文件的依赖项,然后让Webpack将SVG的内容(可能包装在div中)插入DOM.有没有办法用现有的装载机实现这一目标?我找到了基本上导出SVG内容的raw-loader。但是,我不知道如何将它与另一个将插

javascript - 如何将 MVC 模型传递给 UI-bootstrap 模态

我正在尝试使用Angular/bootstrap模式来编辑MVCApplicationUser脚手架View。我找到了几个例子,它们大多是jquery。我找到了一个使用jquery-ui效果很好的工具。我想与我的模态保持一致,所以我需要让它与angular-ui或普通Bootstrap一起使用。我不确定这是如何为数据绑定(bind)调用MVCController的。工作的Jquery-ui例子$(document).ready(function(){$.ajaxSetup({cache:false});$(".editDialog").live("click",function(e){

javascript - AngularJS:如何在配置阶段使用 $q 进行单元测试?

我有一个Angular服务负责加载config.json文件。我想在我的运行阶段调用它,所以我在我的$rootContext中设置了那个json,因此,它在未来对每个人都可用。基本上,这就是我所拥有的:angular.module('app.core',[]).run(function(CoreRun){CoreRun.run();});我的CoreRun服务在哪里:angular.module('app.core').factory('CoreRun',CoreRun);CoreRun.$inject=['$rootScope','config'];functionCoreRun($

javascript - 使用 JavaScript 和 Angular.JS 在表中不规则重复

我想像这样迭代一些数据:{{k}}{{val.style}}{{item.title}}{{item.ingredients}}{{item.moreInfo}}(a)和(b)[和c,d,e...]也会使用对象“iteminval.items”,但是{{item.ingredients}}不是一个有效的表达式,因为它不在中。使用我想用来创建更多列的对象。外观示例:http://jsfiddle.net/yj7xopgy/有什么办法可以做到这一点吗? 最佳答案 使用ng-repeat-startandng-repeat-end.{{i

javascript - 引导后动态地将 Controller 分配给元素

我有一个AngularJS应用程序,我在时间“t”手动引导。在时间“t+1”,我想显示一个没有附加ng-controller的HTML元素。我想为此元素动态添加一个ng-controller,以便它可以与我的javascript代码通信。我该怎么做?PS我尝试动态添加ng-controller属性到元素,但它不起作用。 最佳答案 为此,您需要编译元素。HTMLAngularJSSetControllerJavascriptangular.module('app',[]);angular.module('app').controlle

javascript - 将应用程序、 Controller 和服务放在单独的文件中

我试图在项目变得太大之前将Angular代码移动到单独的文件中。我尝试移动app,controllers和services到单独的文件中,但错误停止引用代码中的点(或者它们太通用)。我决定把文件内容放在大上标记,以便我可以解决错误并使其正常工作。不幸的是我遇到了this(由于...而无法实例化模块protonApp)并且不知道如何追踪问题(我是angular的新手)(function(){'usestrict';...}());我绕过代码是因为我所做的(少量)研究表明,当它们位于单独的文件中时,您应该将代码放在它们之间。(function(){'usestrict';varapp=an

javascript - 从 Angular 应用程序范围之外调用 AngularJS 函数

我看到了很多与此事相关的问题,但我尝试过的解决方案都没有奏效:在public文件夹中,我有一个名为app.js的文件,我在其中定义我的AngularJS应用程序,如下所示:varapp=angular.module('app',[]);varRectangleDim=30;app.controller('MainCtrl',function($scope,$http){在文件的末尾,我执行如下Bootstrap:angular.bootstrap(document.getElementById('body'),["app"]);然后,在同一个文件夹和HTML中,我应用AngularJS

javascript - 无法填充第二个选择语句

我有2个选择语句,第一个选择由我的第一个Web服务请求填充。用户在第一个select中选择了想要的数据,会触发onChange方法获取第一个select对象,再次运行webservice获取另一组数据并填充第二个select语句。HTML:SelectKittens:--SelectAge:--Controller:.controller("ctrl",['$scope',function($scope){$scope.options=[{id:1,name:'typeA'},{id:2,name:'typeB'},{id:3,name:'typeC'},{id:4,name:'typ