草庐IT

angularjs-bindings

全部标签

javascript - $routeProvider/$locationProvider 不是 AngularJS 路由中的函数

我正在尝试在AngularJS中创建所谓的“SEO友好”URL。在我用于路由的script.js中:app.config(['$routeProvider',function($routeProvider){$routeProvider.html5Mode(true);when('/blog',{templateUrl:'blog.html',controller:'BlogController'}).when('/page/ideas',{templateUrl:'ideas.html',controller:'IdeasController'}).otherwise({templa

javascript - bind 和 var self=this 的区别?

在我的Reactnative代码中,我在多个模块的多个位置同时使用了bind(this)和varself=this;。两者都解决了在正确位置解析this关键字的问题。这是我的代码(执行相同功能的2个代码)-使用bind(this)retval.then(function(argument){console.log("argument"+JSON.stringify(argument));this.stateSetting(argument);}.bind(this));使用varself=thisvarself=this;retval.then(function(argument){c

javascript - AngularJS 中的 promise 顺序

问题:是否有一种“简单”的方法来取消AngularJS中的($q-/$http-)promise或确定解决promise的顺序?示例我有一个长时间运行的计算,我通过$http请求结果。在初始promise得到解决之前,某些操作或事件要求我重新启动计算(并因此发送新的$http请求)。因此我想我不能使用像这样的简单实现$http.post().then(function(){//applydatatoview})因为我无法确保响应按照我发送请求的顺序返回-毕竟我想在所有promise都得到正确解决时显示最新计算的结果。但是我想避免等待第一个响应,直到我发送这样的新请求:consttime

javascript - 如何在 AngularJS 中将 JSON 导出或转换为 Excel?

我正在从我的Angular项目中的剑道图表数据源中提取一个包含4个对象的数组,每个对象内部都有一个数组。每个子对象中的数据大小不一,但始终包含一个时间戳和1-5个值字段。我需要将此数组导出到Excel文件(.xls或.xlsx而非CSV)。到目前为止,我设法将JSON作为一个文件单独下载(.json和未格式化的.xls)。我希望每个对象都是一本书,并且在那本书中有一个格式,在第一列中有时间戳,在另一列中有值1,依此类推。列的标题应该是时间戳、value1名称等(我正在根据用户偏好在ui上翻译这些)。如何使用Angular构建这种类型的格式化.xls文件?我不知道有什么特别好的库,但很清

javascript - Vue.js 'v-bind:class' 不更新,即使模型更新

我有一个项目列表,我想对当前选定的项目应用一种样式。我也在使用Vuex来管理状态。我的列表组件:constList=Vue.component('list',{template:'0">'+''+'{{g.text}}'+''+''computed:{items:function(){returnthis.$store.state.items;}},methods:{selectItem:function(index){this.$store.commit('selectItem',index);}}});我的商店:conststore=newVuex.Store({state:{it

javascript - Controller 内部的 Angular 1.6 绑定(bind)

我试图通过绑定(bind)将一些参数传递给我的组件,但不幸的是我没有在我的Controller中使用这些参数,这是我的代码:angular.module('project1').component('menu',{templateUrl:'/static/js/templates/menu.template.html',bindings:{rid:'@'},controller:['Restaurant',functionRestaurantListController(Restaurant){console.log(this.rid);console.log(this);this.r

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 - 如何在 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 - 如何将弹出框内的输入标签绑定(bind)到 Vue 模型

我在弹出内容中有一个input,如下所示:JSFiddleHTML:'>ClickMe!{{message}}这是JS:newVue({el:'#vue-app',data:{message:'IamaText'}});$(document).ready(function(){$('[data-toggle="popover"]').popover();});如您所见,data-content的输入绑定(bind)得很好,但里面的输入没有绑定(bind)!任何想法将不胜感激。 最佳答案 你可以这样使用:这是工作演示:https://

javascript - 无法绑定(bind)到 'ngSwitchDefault',因为它不是 'ng-template' 的已知属性

我得到错误:Can'tbindto'ngSwitchDefault'sinceitisn'taknownpropertyof'ng-template'在我继续之前:这不是Angular2-"Can'tbindto'ngSwitchWhen'sinceitisn'taknownpropertyof'template'."的副本ngSwitchWhen的绑定(bind)非常好,就像我使用它的方式一样。问题出在ngSwitchDefault上,我只能在它的语法建议版本*ngSwitchDefault中使用它。但是由于我在这个问题上有另一个结构指令(*ngIf),我想使用“Template-[