我正在开发AngularJS网络应用程序.我有以下routeconfig：$routeProvider.when("/drivers", {templateUrl: "partials/drivers.html", controller: "driversController"}).when("/drivers/:id",{templateUrl: "partials/driver.html", controller: "driverController"}).otherwise({redirectTo: '/drivers'}); }]);因此,为了传递JSON的ID,我在service.js文件中使用以下方法F1API.getDriverDetails = function(id) {return $http({me...
我试图在angular 2中创建自定义服务,但我似乎在es5中找不到关于angular 2服务的任何文档(这是我在编写代码的过程),我尝试使用此功能(function(app){app.database=ng.core.Injectable().Class({constructor:[function(){this.value="hello world";}],get:function(){return this.value},});ng.core.Injector.resolveAndCreate([app.database]);ng.core.provide(app.database,{useClass:app.database}); })(window.app||(window.app=...
应用 > MapViewComponent> SearchComponent(需要MapViewComponent的对象)> MapService 到目前为止,我将SearchComponent放置在MapViewComponents模板中,因此可以使用@Inject(forwardRef(()=> MapViewComponent))将其传递给SearchComponent.但是由于搜索组件应该显示在布局/ HTML DOM内的其他位置,我想我必须使用一项服务来将MapViewComponent传递给搜索. MapViewComponent.ts：export class MapViewComponent {@Output() onMapViewC...
我有数据返回给我,工作得很好 工作数据是 数据：数组(16) 不起作用的数据是这样的 data：Menu1Items：Array(5)> 0 {….}等 我正在使用Angular 5,所以service返回这样的数据.map((response: Response) => {return response;然后组件拦截它,console.log工作正常this.arsSevice.getMenu().subscribe(result => {this.testing = result; console.log('menu',result);})问题是数据,这个截图显示了问题,我只是不明白如何用对象vs数组修复...
我的目标是将数据从Angular组件发送到服务并使用服务方法来处理它.例：export class SomeComponent {public data: Array<any> = MyData;public constructor(private myService: MyService) {this.myService.data = this.data;} }和服务：@Injectable() export class TablePageService {public data: Array<any>;constructor() {console.log(this.data);// undefined} }获取数据是不确定的.如何使其工作？解决方法:如果服务和组件之...
参见英文答案 > Angular HTML binding 18个我想将从服务器检索到的一些HTML插入到angular2中的DOM元素中.我似乎无法找出最佳/正确的方法来做到这一点. 我不能只将{{my_data}}放入模板中,因为angular 2会自动转义HTML. 我试图编写一个html-unsafe指令,它只是直接为元素的innerHTML赋值：/// <reference path="../../typings/typings.d.ts" />import {Directive} from 'angular2/angular2'; impo...
我将非常精确地使我的Angular 2问题. 我正在使用： 角2, angular-cli：1.0.0-beta.15,(webpack building) 节点：6.4.0, os：linux x64 2.我想要实现的目标： 我想以一种方式构建我的项目,在构建之后(ng build project-name)我获得了我的Angular 2应用程序的静态文件,我可以直接从chrome运行而不使用ng服务或节点服务器.我只想双击index.html并在本地运行应用程序. 3.同时,当我双击生成的index.html时,我在chrome浏览器控制台...
我试图在任务完成后提供警报 – 用户当时可能处于多个页面中的任何一个页面.警报应显示在所有页面上. 我正在使用实现BehaviorSubject的服务我的app.component.ts页面中的提供程序 – 单个实例 在我的app.component.html中,我有两个组件,一个是警报,另一个是触发警报.<alert></alert> <submit-service></submit-service>该服务将发送到呈现警报的警报组件.这工作正常,但只在提交服务的页面上(而不是任何其他页面) – 提交功能也在警...
我已经回顾了关于这个主题的问题和答案,我不认为他们完全回答了我的问题： >使用角度前端(无论采用哪种方式处理)上传文件数据到服务器上的脚本,如php脚本(这是我首选的方法).一旦php脚本运行,我想返回上传的页面并在那里给出一条消息..我不希望显示php页面.将了解如何实现这一目标的一些指导.理想情况下,要添加到php脚本的代码.>我想捕获并保存到与文件相关的数据库信息,例如其名称和用户输入/选择的数据,例如文档类别.有没有办法在...
我有一个基本服务和两个继承服务：@Injectable({ providedIn: 'root' }) export class BaseService {foo(src?: string){return `speaking from ${src || 'BaseService'}`;} }@Injectable({ providedIn: 'root' }) export class SomeService extends BaseService {foo(){return super.foo('SomeService')} }@Injectable({ providedIn: 'root' }) export class AnotherService extends BaseService {foo(){return super.foo('Another...
我有以下控制器：'use strict';/* Controllers */angular.module('stocks.controllers', []).controller('MyCtrl1', ['$scope', '$http', 'stockData', function MyCtrl1 ($scope, $http, stockData) {$scope.submit = function() {$scope.info = stockData.query();console.dir($scope.info);}}]);我想将一个名为ng-model =“symbol_wanted”的绑定ng模型传递给以下服务…'use strict';/* Services */angular.module('stocks.serv...
我刚刚完成了Angular CLI的全新安装,以便尝试一下,我不知道是什么导致命令行上出现以下错误：PC:cobros Fran$ng serve ** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **95% emitting/Users/Fran/Documents/Workspace/Repos/cobros/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:40callbacks[i](err, result);^TypeError: callbacks[i] is not a fun...
我正在尝试调用输入加密事件的服务. HTML<input placeholder="enter name" (keyup)='onKeyUp($event)'>下面是onKeyUp()函数onKeyUp(event) {let observable = Observable.fromEvent(event.target, 'keyup').map(value => event.target.value).debounceTime(1000).distinctUntilChanged().flatMap((search) => {// call the service});observable.subscribe((data) => {// data}); }从浏览器的网络选项卡中可以看出,它正在调用每个按...
在我的Angular 2应用程序中,我有后端服务,如下所示.getUserInterests() {return this.http.get('http://localhost:8080/test/selections').map((res: Response) => res.json()); }在调用此服务后,我想在上一个服务成功之前调用另一个服务. 第二次服务let params: URLSearchParams = new URLSearchParams();params.set('access_token', localStorage.getItem('access_token'));return this.http.get('http://localhost:8080/user/se...
参见英文答案 > How does Access-Control-Allow-Origin header work? 13个> How to allow CORS? 24个我在我的离子应用程序中使用Angular 5.我试图从我的代码中调用一个端点ngOnInit(): void {//Called after the constructor, initializing input properties, and the first call to ngOnChanges.//Add 'implements OnInit' to the class.this....