草庐IT

angular2-observables

全部标签

javascript - 从 ERB 切换到 Angular 时,Rails 应用程序中的 AngularJS View 功能测试中断

首先,我有一个工作rails“显示”页面显示项目名称和属于该项目的条目。当使用Angular$scope显示项目名称并使用ERB中的block显示条目时,我的测试通过了。当我用AngularDirective(指令)“ng-repeat”替换条目ERB代码时,仅我的条目测试场景开始失败。有趣的是,该应用程序仍在浏览器中运行。请记住,在我看来,另一个$scope变量过去和现在仍然通过使用几乎相同的测试。工作show.html.erb(在ERB中查看的条目):Thisis{{project.details.name}}Entries打破show.html.erb(在Angular中查看的条

javascript - "Un-Angularize"JS对象的快速方法

当使用双向绑定(bind)时,Angular将expando属性、“散列”等添加到我的深层对象结构中。这很好,但我有兴趣检索我的对象树的JSON快照,其中只包含最初属于那里的东西。Angular是否提供了一种获取绑定(bind)对象的“原始”版本的方法?(我不想在绑定(bind)开始之前只存储“原始值”,因为我想反射(reflect)通过UI所做的任何更改。) 最佳答案 简答:有一个很好的内置函数:angular.toJson(yourObj);更详细的解释:angular.toJson和JSON.stringify之间的唯一区别是

javascript - 将某些 observableArray 对象属性转换为 observable

假设我有这个相同类型对象的数组:varpeople=[{status:0,name:"name1"},{status:1,name:"name2"}];我不仅希望它是observableArray,而且我还希望仅观察每个对象的状态属性。假设可以添加或删除对象本身。这些对象中的任何一个的名称属性都不会改变,所以我真的不需要观察名称,但每个对象的状态可能会改变,因此让它可观察会很酷。是否可以使用带有一些很酷的hack语法的knockout实用程序来映射它,或者我是否必须遍历每个对象并将其状态属性映射到可观察的,或者让整个数组及其对象属性都可观察? 最佳答案

javascript - attrs.$set ('ngClick' , 函数名 + '()' );不再适用于 angular 1.2rc3

我有一个开源项目,正在升级以使用angular1.2rc3。本质上它处理表单按钮上的promise。在这个plnkrhttp://plnkr.co/edit/vQd97YEpYO20YHSuHnN0?p=preview您应该能够单击右侧的“保存”并在控制台中看到“已单击”,因为它应该在指令中执行此代码:scope[functionName]=function(){console.log('clicked');//ifit'salreadybusy,don'tacceptanewclickif(scope.busy===true){return;}scope.busy=true;varr

javascript - Angular : How can I transclude an element into a template that uses ng-repeat?

我有一个carousel指令,其中包括一些分块,用于将传入的items数组映射到元素结构数组的数组中,然后生成类似于以下伪代码的标记:这个Angular模板看起来像这样:[elementshouldbetranscludedintothisspot.]鉴于我的View代码:tagshouldappearinsidethe'carousel.html'template'sng-repeatlist.-->{{item.name}}我希望嵌入的元素绑定(bind)到最深的ng-repeat的item对象完整的Plunker和简化的测试用例可在此处获得:http://plnkr.co/edi

javascript - Angular x-editable setError 不显示验证错误

我在我的项目中使用angularx-editable。http://vitalets.github.io/angular-xeditable/#editable-row除了显示验证错误外,一切正常。这是我的HTML模板:NameWidthLengthSheetsquantityLowpriceHighpriceCurrency{{material.name}}{{material.width}}{{material.length}}{{material.sheets}}{{material.priceLow}}{{material.priceHigh}}{{showCurrency(m

javascript - Angular.js 需要至少一个复选框

这个问题在这里已经有了答案:AngularJSgroupcheckboxvalidation(4个答案)关闭8年前。如果这是重复的,我不会感到惊讶,但是我找不到任何符合我需要的简单内容。我所需要的只是要求用户至少选择一个复选框,但我对如何完成这一点感到困惑。FirstSecondThird

javascript - 使用 $httpBackend、jasmine 测试 $http 请求中特定 header 的 Angular 项目服务

我想检查请求中是否存在特定header。这篇文章帮助我找到了标题。http://jbavari.github.io/blog/2014/06/20/testing-interceptor-headers-in-angularjs/以下是我测试的片段。这让我可以访问header,但问题是(将会),当我刷新请求时,它期望header作为一个函数,这隐含地使我的测试失败。$httpBackend.expect('POST','https://www.someurl.com/login',userObj,function(headers){expect(headers['content-typ

javascript - 将 jquery 插件转换为指令 Angular

我正在尝试将jQuery插件转换为指令。这是图书馆:Github.在文档中有一个选项:$(document).ready(function(){$("#datepicker").datepicker();$("#datepickerbtn").click(function(event){event.preventDefault();$("#datepicker").focus();})});我创建的指令:app.directive('dateP',function(){return{restrict:'A',require:'ngModel',link:function(scope,e

javascript - $window.print(),在angular js中不打印更新后的模型数据

我有一个包含一些数据的表格,可以在html中查看。当我点击打印时,我需要从数据库中获取所有数据并打印出来。当我点击打印时,我正在获取数据并填充模型数据,只有模型被更新,打印显示旧数据。在下面的代码中,当我单击打印时,新项目不会添加到项目中。http://jsfiddle.net/vijaivp/Y3BJa/306/HTMLOverallReportNamePriceQuantity{{item.Name}}{{item.Price}}{{item.Quantity}}JSfunctionPrintCtrl($scope,$window,$q){$scope.items=[{Name:"