草庐IT

vuejs-ssr-typescript

全部标签

javascript - 如何将动态 Prop 绑定(bind)到 VueJS 2 中的动态组件

我想知道如何迭代组件名称列表(来自对API服务器的AJAX调用)并将它们呈现为组件,并将相关属性传递给每个组件(即动态绑定(bind)它们的属性).到目前为止,我已经设法迭代表示组件的项目的JSON列表,并成功呈现这些组件。我现在想做的是使用v-bind绑定(bind)每个组件的属性。在下面的示例中,item-one组件将接收具有item1.jpg值的image属性;item-two组件不会收到任何属性。importItemOnefrom'../components/item-one'importItemTwofrom'../components/item-two'exportdefa

javascript - typescript + moment.js : error TS2307: Cannot find module 'moment'

我正在开发一个网络应用程序,使用angular1.5、typescript2.4.0、moment:2.18.1和gulp进行项目组装。这是我的tsconfig.json:{"files":["src/app/main.ts","types/**/*.ts"],"compilerOptions":{"noImplicitAny":false,"target":"es2015","allowSyntheticDefaultImports":true}}在我的date-range-picker.component.ts中。我正在导入时刻库,正如maindocumentation中所建议的那

javascript - 如何在 angular2 typescript 中正确执行 "bind"?

我想使用一个javascript库,它需要像这样创建一个对象并绑定(bind)到它:this.mystr="hello";this.webkitspeech=newwebkitSpeechRecognition();this.webkitspeech.onresult=function(evt){console.log(this.mystr);//thisisundefined,eventhoughIdohaveitdefined}我通常会做一个.bind(this)虽然在typescript中我想这样做:this.mystr="hello"this.webkitspeech=neww

javascript - 如何在 VueJS2 中将事件目标作为 $emit 参数传递?

我有这个VueJS2模板varaThing=Vue.component('something',{template:`Clickme`});是否可以将实际按下的按钮作为参数传递给$emit?例如在click事件中,它通常被传递,但事件可以在这样的函数中访问function(event){event.target;//Iwantthis}这是我的问题的jsfiddlehttps://jsfiddle.net/wntzv4sk/2/ 最佳答案 Vue通过名为$event的变量使事件对象在模板中可用。这是documentedhere.既然

javascript - 来自基类的 Typescript 调用函数

有没有办法像覆盖一样从基类调用函数。基类exportclassBaseClass{constructor(){//dosomethingasynchronous//thancallinitialized}}继承类exportclassInheritanceClassextendsBaseClass{initialized(){//getcalledfrombaseclass}} 最佳答案 你的意思是这样的吗:classBase{constructor(){setTimeout(()=>{this.initialized();},10

javascript - 使用 typescript 使用模板创建 HTML

尝试typescript,我想实现以下目标:使用typescript从服务器获取问题文本和数字并将其显示在某处的DOM中。目前我有以下.ts文件:classQuestionResponse{constructor(publicquestionText,publicquestionNumber){}}functionquestioner(question:QuestionResponse){return'${QuestionText}';}vartestQuestion=newQuestionResponse("Questiontextnumber5",5);//thiswillbere

javascript - 纯 Javascript 中的 Angular 2 路由(无 Typescript)

所以我一直在努力让路由器在不使用Typescript的情况下在Angular2中工作。除了一些使用装饰器函数的typescript编译的javascript之外,我似乎找不到任何示例。是否可以将Angular2Router与纯Javascript一起使用? 最佳答案 您可以使用router.config()指定路由列表的方法。这是一个完全用ES5编写的示例(参见thisplunk):varApp=Component({selector:'my-app',directives:[RouterOutlet,RouterLink],tem

javascript - 如何在 Typescript 接口(interface)文件中表示返回类型?

以下代码有什么区别:changeName():ng.IPromise;和changeName:()=>ng.IPromise;我知道一个是返回类型,但我对第一个感到困惑。这是函数体:changeName=():ng.IPromise=>{varself=this;self.chnAction="PREFERENCES.CHANGE_NAME.SUBMITTING_BUTTON_TEXT";self.chnErrorMessage=null;returnself.uss.changeName(self.chnNewFirstName,self.chnNewLastName).then((

javascript - 将 typescript 和 javascript 文件集成到同一个项目中

是否可以在同一个Angular项目中同时拥有typescript和javascript文件?我有一个相当大的Angular项目,我想将它迁移到typescript而不将所有文件重命名为.ts并修复错误。是否可以只用typescript编写一个Angular应用程序的一部分,而另一部分用javascript编写? 最佳答案 是的,使用typescript1.8中的最新标志--allowjs是可能的。您可以像这样修改tsconfig.json以包含它:{"compilerOptions":{"allowJs":true}}有关详细信息,

javascript - 不提供文件扩展名就无法导入 TypeScript 模块

我是TypeScript的新手,我希望我应该能够导入我的TS文件而无需指定它们是TS文件。我必须做import{sealed}from"./decorators/decorators.ts";而不是我想要的是正确的方式这是import{sealed}from"./decorators/decorators";这会导致错误表明它只查找以.js或.jsx结尾的文件我的tsconfig.json看起来像这样{"compileOnSave":true,"compilerOptions":{"module":"commonjs","moduleResolution":"node","jsx":"