草庐IT

angular2-observables

全部标签

javascript - Angular ng-model 动态 getter 和 setter

我想将ng-model与外部模型服务一起使用。该模型有两个方法:getValue(variable)和setValue(variable)。所以在我的html中我希望能够做到:Note:balanceisnotdefinedon$scopeinmycontroller.Andbecausewearedealingwithmorethen4000differentvariables,Idon'twanttodefinethemallon$scope.然后在更改时它必须调用模型的setValue()方法。所以在我的Controller中我想有这样的东西:$catchAllGetter=fu

javascript - 当我在 html 标签中使用 ng-controller 时,Angular 停止工作

这个问题在这里已经有了答案:Controllernotafunction,gotundefined,whiledefiningcontrollersglobally(14个答案)关闭7年前。我是Angular.js的新手,开始在plunker.co上学习Angular。问题是当我在html页面的任何标签中使用ng-controller时,angular停止工作。我的意思是{{4+4}}显示,因为它是在使用ng-controller之后显示的。这是来自Plunker.co的代码HelloPlunker!{{8*8}}{{message}}没有ng-controller它显示64作为输出但

javascript - 为什么我们使用缩小版的 Angularjs(即使我们添加了 angular.min.js.map,也要优先使用 angular.min.js 而不是 angular.js)

这个问题在这里已经有了答案:angular.min.js.mapnotfound,whatisitexactly?(2个答案)关闭7年前。我将angular.min.js添加到我的项目中并遇到了这个问题。http://localhost:8000/AngularProject/angular.min.js.map404(NotFound)angular.min.js.map:1经过研究,我发现添加angular.min.js.map可以消除“404(未找到)”错误。我还找到了“angular.min.js.map”的原因:我们添加它是因为“sourcemapfilesbasically

javascript - 在 Angular 中使用 $http.put 的例子?

有没有在Angular中使用$http.put方法的简单示例?具体来说,我不确定data/Requestcontent参数应该是什么,它应该是对象还是对象属性?$http.put(url,data,[config]); 最佳答案 第二个参数必须是一个对象:$http.put('/api/v1/users/'+user.login,{login:"login",password:"password"}); 关于javascript-在Angular中使用$http.put的例子?,我们在S

javascript - 使用 Jasmine 测试 Angular Controller 中的非作用域函数

Jasmine是使用最广泛的测试框架之一,以BDD方式对javascript代码进行单元测试。我试图将它用于AngularJS组件测试。AngularJS文档提供了以下示例代码describe('PasswordController',function(){beforeEach(module('app'));var$controller;beforeEach(inject(function(_$controller_){$controller=_$controller_;}));describe('$scope.grade',function(){it('setsthestrength

javascript - 无法监视 angular.element

我有一个Jasmine测试由于spyOn未执行而不断失败。下面的测试会自动失败:it('simpletest',function(){spyOn(angular,'element');});错误是:TypeError:'undefined'isnotanobject(evaluating'angular.element(handle.elem).off')at/Users/geoff/Project/www/components/angular-mocks/angular-mocks.js:1946at/Users/geoff/Project/www/components/angula

javascript - Angular Run Block - 使用 UI-Router $stateProvider 来解析 Promise

UI-Router不同于Angular的ngRoute。它支持普通ngRoute可以做的所有事情以及许多额外的功能。我正在将我的Angular应用程序从ngRoute更改为UI-Router。但我不太清楚如何以编程方式注入(inject)resolve函数-我在Controller和config之外使用的代码片段。因此,使用标准Angular的ngRoute我可以在Angular运行中动态注入(inject)我的resolvepromiseblock:app.run(function($route){varroute=$route.routes['/'];route.resolve=r

javascript - RXJS if with observable 作为条件

我想使用Rx.Observable.if在条件可观察对象解析为true或false时运行两个可观察对象之一。我想要实现的是这样的:Rx.Observable.if(conditionalObservable.map(x=>x.length>0),firstObservable,secondObservable).subscribe()如果conditionalObservable发送一个next,然后以真值完成,firstObservable应该运行,否则,secondObservable应该运行。显然这行不通,因为Rx.Observable.if需要一个有条件的函数,而不是一个可观察

javascript - 使用 Angular1+ ES6 时, Controller 函数中的依赖注入(inject)未定义, Controller 作为类

我正在使用ES6类来定义我的Controller,所以这是语法,exportclassSearchBarController{constructor($log){'ngInject';$log.debug("Hello");}textTyped($log){$log.debug("changefired.");}}查看:因此,构造函数中的“Hello”已被正常记录。但是,typedText()函数中的“changefired”并未触发,因为显然未定义如何让我的类函数textTyped()访问$log服务?注意:如果我在构造函数中将$log分配给类属性,例如,this.logger=$l

javascript - 对于 Angular2 项目,在 gulp 中,我如何连接从 typescript 生成的所有 JavaScript 文件并将它们添加到我的 index.html 文件中

对于Angular2项目,在gulp中,我如何连接从typescript生成的所有JavaScript文件并将它们添加到我的index.html文件中。我正在使用Angular2、typescript和gulp。目前我没有连接它从typescript文件生成的javascript文件。我在尝试执行此操作并将它们添加到我的index.html文件时遇到问题。此外,完成此操作后,我需要清除缓存以使浏览器继续请求javascript文件。这是我的index.html文件:MyApp-->System.config({transpiler:'typescript',defaultJSExten