草庐IT

angular4-router

全部标签

javascript - 如何在angular2中的选择更改事件中获取值

我想使用动态生成的选择下拉菜单进行导航。看来我不能直接这样做,所以我只想在选择更改时进行函数调用。为此,我有这个:---在模板中---{{button.label}}只要说“navButtons”是一个包含“标签”字段的对象数组就够了。---在类里面---navSelected(navName){console.log(navName+"Clicked!");}这实际上工作正常。我在MarkRajcok的大力帮助下以及他在这个较旧问题中的回答中得出了这一点:HowcanIgetnewselectionin"select"inAngular2?就是说,我希望能够在navSelected(

javascript - React-Router 的历史对象问题

我正在使用React和ReactRouter构建一个非常简单的网页。我已经使用NPM安装了最新版本的ReactRouter模块(v3.0.0),在我的index.js文件中写了3个非常简单的路由:importReact,{Component}from'react';import{render}from'react-dom';import{Router,Route}from'react-router';//ImportcustomcomponentsimportAboutfrom'../components/about.js';importContactfrom'../component

javascript - Angular 2 中的服务应该包含数据操作逻辑还是组件?

这可以标记为基于意见。但我正在寻找标准/最佳实践。我正在构建一个Angular2应用程序,在将数据显示在模板中之前,我必须先操作API中的数据。例如,如果我的服务如下所示:getData(id:number):Observable{returnthis.http.get(this.url+'/'+id).map((res)=>{returnres.json().data;});}prepareData(data){//manipulateandreturnthedata}在我的组件上,我可以这样调用服务:getData(id:number):void{this.dataService.

javascript - 在 Angular 2 应用程序中导入 AWS SDK

我试图在我的Angular2应用程序中使用AWSSDK,但遇到了困难。以下是我采取的步骤:使用npminstallaws-sdk将awssdk安装到我的Angular2应用程序中使用npminstall--save-dev@types/node安装类型尝试以多种不同方式在我的Angular2服务中包含AWS模块:declarevarAWS:any;,importAWS=require('aws-sdk');,最后import*asAWSfrom'aws-sdk';。当我尝试使用第一种和第三种类型的导入时,直到我尝试访问AWS对象中的一个库时,我才收到编译器错误,即AWS.config.

javascript - 表达 : typescript: Argument of type 'typeof <express.Router>' is not assignable to parameter of type 'RequestHandlerParams'

我将expressjs与最新的typescript定义文件和来自https://github.com/DefinitelyTyped/DefinitelyTyped的typescript2.3.4一起使用.我定义了一个路由器,并希望按照官方4.x文档(app.use('/calendar',router);)中的说明从子路径使用它,但出现以下错误Error:/Users/matthias/Documents/privateworkspace/universal/src/server/server.ts(161,34):Argumentoftype'typeof"/Users/matth

javascript - 如何将 Typed.js 与 Angular 2 集成?

我会使用Typedjs在Angular2中制作打字机效果如site所示页面,我已经用npm安装了包:npminstalltyped.js然后我将这段代码添加到我的组件中:importTypedfrom'typed.js';//notsureifit'stherightway和ngOnInit(){vartyped=newTyped(".element",{strings:["ThisisaJavaScriptlibrary","ThisisanES6module"],smartBackspace:true//Defaultvalue});}然后在我的html文件中:Typed.jsis

javascript - 获取货币符号 Angular 2

我正在使用Angular2和货币管道构建应用程序,但我找不到根据没有任何数字的ISO值获取货币符号的方法。我的意思是我只想要符号而不设置要格式化的数字。正常情况$3.00我只需要$symbol,不需要数字 最佳答案 Angular提供了一个内置方法getCurrencySymbol,它可以为您提供货币符号。您可以将管道作为该方法的包装器编写为import{Pipe,PipeTransform}from'@angular/core';import{getCurrencySymbol}from'@angular/common';@Pip

javascript - Angular 5 + Popper.JS

我正在尝试启动在其功能中需要Popper.Js的培训项目。但是,似乎并没有让我刚开始使用Popper.Js。根据Bootstrap的文档,我通过启动Popper.Js$(function(){$('[data-toggle="tooltip"]').tooltip();});我在ngOnInit的主要组件中使用它。但是,它不起作用。出现错误“属性‘tooltip’在类型‘JQuery’上不存在”。我导入了jquery和bootstrap包文件。所有库的类型都已安装。我还尝试了纯“popper.js”而不是bootstrap.bundle.js。但是出现同样的错误。Bootstrap.b

javascript - 如何在 Angular JS 条件下显示一个元素

如果unity_variable等于true,我想显示一个选择框;如果unity_variable不等于false,我想显示一个选择框我试过了:{{unit.value}}{{question.unity}}还有这个:{{unit.value}}{{question.unity}}因此,如果我没有将ng-show放入每个问题的统一选择框或显示两次但不遵守条件...请帮助找出我的错误!编辑:我的Json看起来像这样用于显示构建表单的控件:{"id":"01","questions":[{"name":"confidentialdata","dbcolumn":"confidentiald

javascript - Angular 存储数据并重新加载数据表

我正在使用数据表:https://l-lin.github.io/angular-datatables和Bootstrap:https://angular-ui.github.io/bootstrap/这是我试图实现的目标:在使用modal从bootstrap添加数据并保存后,数据表将重新加载(无需重新加载当前路由)。这是我的modalCtrl:.controller('addModalCtrl',['$scope','$modalInstance','$http','AdminMenu','ResultService',function($scope,$modalInstance,$