草庐IT

dynamic-class

全部标签

javascript - 在 JavaScript 中 : Syntax difference between function & method definition within a class

Object类同时具有方法和函数,这意味着它们都可以通过Object.nameOfMethodOrFunction()访问。下面的问题Whatisthedifferencebetweenamethodandafunction解释了方法和函数之间的区别,但没有解释如何在对象中创建它们。例如,下面的代码定义了方法sayHi。但是如何在同一个对象中定义一个函数呢?varjohnDoe={fName:'John',lName:'Doe',sayHi:function(){return'HiThere';}}; 最佳答案 下面定义了两个类,C

javascript - 查询 : Can't remove element dynamically created

这个问题在这里已经有了答案:Jqueryclickeventnotfiringontheelementcreateddynamicallyusingjquery(3个答案)关闭8年前。我试图删除一个动态附加的元素,但似乎没有读取为该元素附加的类函数。我可以点击+按钮添加新元素,但是点击“-”按钮我不能删除。Name:+$("#plusdfteng").click(function(){$("#dftenglist").append('Name:-');});$(".minusbtn").click(function(){$(this).parent().remove();})http:

JavaScript ES6 : Grouping methods in es6 classes?

我们中的一些人正在尝试创建一个JavaScript库以在RESTfulAPI上快速运行JSON查询。我想做的是根据它们的目的对一组方法进行分组。例如;通过API,我能够获取用户属性。我不想将所有这些方法都放在主对象下,而是将它们分组在API类对象中。即转换这个:myAPI.getUserById()为此:myAPI.User.getByID()myAPI.User.getByName()我们将使用下面的代码作为一个简单示例。我如何将我的用户方法嵌套在myAPI类的用户对象中??classmyAPI{constructor(url){this.url=url;//Codetoconnec

javascript - Angular 2 : Active Router link and routerLinkActiveOptions for dynamically generated links

我有一个使用列表标签创建的菜单我想在其中一个子routerLink像这样使用routerLinkActiveOptions处于事件状态时将一个类应用于父标签Link它工作正常但是当我尝试使用数据数组对动态生成的菜单进行相同的尝试时它不起作用。相同的代码是{{d.name}}如何实现这个,有什么帮助吗? 最佳答案 您需要像设置routerLinkActive="active"一样设置[routerLinkActive]="['linkActive']":{{d.name}} 关于javas

JavaScript 到 TypeScript : Intellisense and dynamic members

我有一个JavaScript对象,它动态地允许成员作为访问器属性绑定(bind)到对象的实例:来源functionDynamicObject(obj){for(varpropinobj){Object.defineProperty(this,prop,{get:function(){returnobj[prop];},set:function(value){obj[prop]=value;},enumerable:true,configurable:false});}}用法varobj=newDynamicObject({name:"JohnSmith",email:"john.smi

javascript - 从 Angular 5 组件访问父类(super class)字段

我有一个包含组件通用功能的父类(superclass)。exportclassAbstractComponentimplementsOnInit{publicuser:User;constructor(publichttp:HttpClient){}ngOnInit():void{this.http.get('url').subscribe(user=>{this.user=user;});}}我有一个实现这个父类(superclass)的子类。@Component({selector:'app-header',templateUrl:'./header.component.html'

javascript - angular ng-class对点击没有反应

我正在尝试使用ng-class并将一个类绑定(bind)到一个表达式,这样我就可以对表达式绑定(bind)进行单元测试。但是,我似乎遗漏了什么。按钮:addinterface应该折叠和展开的面板:被触发的函数$scope.onAddInterface=function(){$scope.showCreateNewInterfacePanel=true;}无论如何点击链接没有任何反应。我错过了什么吗? 最佳答案 我不确定这是否是您真正定义$scope.onAddInterface函数的方式,或者它是否只是一个示例...不过您应该这样做

javascript - 捆绑 JavaScript 类(class) Uncaught SyntaxError : Unexpected token <

使用mvc4类(class)的bundle特性UncaughtSyntaxError:Unexpectedtoken正在加载。使用debug="true"一切正常。我该如何解决这个错误,或者我是否可以只为脚本禁用捆绑功能?已解决重命名包名称以与任何目录不匹配 最佳答案 在回答导致此错误的原因之前,您必须先找出错误发生的位置。捆绑时代码语法的唯一区别是它被缩小了。一个非常简单的方法是使用Bundle而不是ScriptBundle:varthirdParty=newBundle("~/bundles/thirdParty").Inclu

javascript - Vanilla JavaScript : Is there a way to toggle multiple CSS-classes in one statement?

我使用这些JavaScript代码来更改脚本中的类:vartoggleDirection=function(){group.classList.toggle('left-to-right');group.classList.toggle('right-to-left');}在我的示例中,只有两个类需要更改,但也可以是多个类...因此:有谁知道编写示例的方法不那么冗余? 最佳答案 不,不可能直接使用Element.classListAPI。查看API,您可以阅读:toggle(String[,force])Whenonlyonearg

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