草庐IT

函数组件

全部标签

javascript - Angular 2 组件 DOM 在 OnInit 方法中被解析之前绑定(bind)到组件中的属性

我正在学习Angular2并尝试按照他们的教程进行操作。这是返回模拟对象文件夹的“Promise”的服务代码。import{Injectable,OnInit}from"@angular/core";import{FOLDER}from"./mock-folder";import{Folder}from"./folder";@Injectable()exportclassFolderService{getFolder():Promise{returnPromise.resolve(FOLDER);}}它在我的FolderModule的提供者中声明import{NgModule}from

javascript - 从 EmberJs 组件进行 ajax 调用的正确方法?

我想知道从ember组件进行ajax调用的正确方法是什么。例如我想创建一个可重用组件,让员工通过员工ID进行搜索,然后当响应从服务器返回时,我想使用来自ajax响应的数据更新模型。我不知道这是否是正确的方法,我是emberjs的新手。exportdefaultEmber.Component.extend({ajax:Ember.inject.service(),actions:{doSearch(){showLoadingData();varself=this;this.get('ajax').post('http://server.ip.com/api/v1/getEmployee'

javascript - 未捕获的 TypeError : _moment2. default.date 不是 React 应用程序中的函数

当我尝试在构造函数、componentWillMount或componentDidMount中使用来自Moment.js的日期时,出现错误:UncaughtTypeError:_moment2.default.dateisnotafunction我没有使用Webpack或npm之外的任何特定构建工具。这是我的相关代码:importReactfrom'react';importMomentfrom'moment';exportdefaultclassDateextendsReact.Component{constructor(){super();this.state={day:'',mo

javascript - 没有 Vue 加载器的 Vue 2 组件样式

考虑到只有一个文件组件(如shownintheguide),.example{color:red;}hi在非模块化的ES5/ES6环境中,如果没有Vue加载器,如何完成同样的事情?考虑到样式是作用域的,.example{color:red;}有没有办法在非模块化环境中实现作用域CSS?如果没有,有没有办法在模块化环境(Webpack)中实现它,但没有Vue加载器和自定义.vue格式? 最佳答案 无需在Vue组件中使用template实例,您可以利用render函数来利用“更接近编译器的替代方案”,而无需Vue加载器或编译器。您可以使

javascript - VueJS 自定义指令函数作为参数

我有一个简单的指令:HTML:varapp=newVue({el:"#app",data:{files:[],},methods:{greet:function(arg){alert(arg);},},});JS:Vue.directive('sample',{bind:function(el,binding,vnode){el.addEventListener('...',function(){//...callback.call(arg,...);});},});但是,我不清楚获取函数和求值的适当语法。在指令中执行此操作的正确方法是什么? 最佳答案

javascript - 检查传递特定参数时是否调用函数

我有2个简单的函数。第一个函数X接收一个数字或字符串。如果它接收到一个数字,我返回它的double,如果它接收到一个字符串,我调用另一个函数Y。当我的函数X接收到一个字符串作为参数时,我如何测试它是否调用函数Y?functionX(arg){if(typeof(arg)==='String')Y(arg)elsereturnarg*2}functionY(arg){return'Gotemptystring'}我想在测试中做什么..describe('AfunctionXthatchecksdatatype',function(){it('shouldcallfunctionYisar

javascript - 是否可以将自定义比较器传递给 lodash 的 sortBy 函数?

例如,我想根据Intl.Collat​​or().compare进行排序。有什么方法可以将此比较器传递给_.sortBy使用吗? 最佳答案 你可以使用lodashmixin的_.mixin({sortWith:function(arr,customFn){return_.map(arr).sort(customFn)}});你现在可以做_.sortWith(array,function(a,b){//customfunctionthatreturnseither-1,0,or1ifaisthanb});您现在可以像这样链接它:_.c

javascript - react 组件已连接,redux 状态发生变化......但组件没有更新?

我正在为多channel聊天应用创建一个React/Redux前端。在使用redux、react-redux和redux-thunk时,我在让一些React组件在状态更改后重新呈现时遇到问题。我相信我的reducer是不可变的,并且我是通过react-redux的connect订阅的。当我运行应用程序并查看浏览器控制台时,我看到了组件的初始呈现(即具有初始的空状态),然后是状态更改(由index.js中的Action调度触发)....然后我希望组件使用新Prop重新渲染,但它没有发生。我在这里放了一个repo协议(protocol):https://github.com/mattmos

javascript - 为什么 javascript 生成器函数的 yield 语句返回 .next() 的参数?

我偶然发现了generatorfunctionsonMDN令我困惑的是以下示例:function*logGenerator(){console.log(yield);console.log(yield);console.log(yield);}vargen=logGenerator();//thefirstcallofnextexecutesfromthestartofthefunction//untilthefirstyieldstatementgen.next();gen.next('pretzel');//pretzelgen.next('california');//calif

javascript - jquery .done() 中的异步回调函数未执行

为什么将异步函数作为jQuery的回调函数deferred.done()不行?即为什么jqueryObj.fadeTo("slow",1).promise().done(asyncFunc);不行,但是jqueryObj.fadeTo("slow",1).promise().done(function(){asyncFunc(););是吗?(另外,请注意jqueryObj.click(asyncFunc)确实有效。)例子:TitleItemItem...标题完成淡入后,列表中的每个项目按顺序淡入。淡入淡出时间为20000毫秒,但列表项之间的延迟为250毫秒(因此下一个列表项开始淡入,而