草庐IT

ng2-redux

全部标签

javascript - redux - reducer 状态为空

我正在尝试在reduxdocs'basicexample中复制类似于TodoList示例的内容.第二个reducer接收一个数组-styleItems=[{......},{......}]-然后调用第一个函数来作用于每个单独的对象.我通过以下方式向应用程序容器提供了一个initialState,如containers/app.js所示。但是,传递给styleItemsreducer的状态似乎每次都是空白数组。但是,react会根据初始配置呈现UI,并且reactdev-tools会按预期显示状态结构。reduxstore是否以某种方式看到与react相同的东西?containers/

javascript - 多维数组的嵌套 ng-repeat

我正在尝试使用ng-repeat指令在html中显示二维数组。我可以显示第一个维度(表格行),但第二个维度(表格数据)不起作用。我见过很多使用对象、JSON、键值数据结构的解决方案……但我找不到仅适用于包含其他数组的数组的方法。以下是一些不成功的尝试。HTML:(无效)HTML:(不起作用)JS:vargrid=angular.module("grid",[]);grid.controller("gridCtrl",function($scope){$scope.grid=[[empty,empty,empty,empty,empty],[empty,empty,empty,empty

javascript - 带有 ng-switch 的 Angular 形式

当我得到一个名称来deform时,我试图从Controller的范围中得到一个表单对象。它工作正常,但如果我使用ng-switch创建表单,则该表单永远不会显示在范围内。ViewForm1Form2ShowscopeControllerapp.controller('MainCtrl',function($scope){$scope.type=1;$scope.showScope=function(){console.log($scope);};});如果我删除ng-switch,我可以从$scope中看到属性“theForm”作为表单obj。知道怎么做。我不想让这两种形式具有不同的名

javascript - ng-include 中的指令

我正在构建一个简单的angularjs应用程序,我正在尝试在不刷新页面的情况下实现登录。我在做什么在初始化时,ng-include加载/set/save。/set/save得到了LoginwithFacebook在里面。因此,当单击该指令时,它会打开一个窗口,当该窗口关闭时,它应该更改ng-include的src。问题当指令在ng-include中使用时(ng-includesrc在init上有默认值),没有任何反应(控制台中没有错误,什么都没有),但是当我将指令放在ng-include之外时它正在工作很好(见下面的HTML代码)HTML:........testCase//^this

javascript - 使用 AngularJs ng-repeat 对项目详细信息进行分组

我想在ng-repeat中按函数执行分组给定以下数据:varitems=[];items.push({id:1,widgetId:54,colorId:45});items.push({id:2,widgetId:54,colorId:72});items.push({id:3,widgetId:54,colorId:29});items.push({id:4,widgetId:55,colorId:67});items.push({id:5,widgetId:55,colorId:29});items.push({id:6,widgetId:56,colorId:29});items

javascript - ng-repeat 中的新元素动画

我正在使用具有某种风格的ng-repeat,我将向数组中添加新元素。这就是我所做的://Codegoesherevar_app=angular.module("userApp",[])_app.controller("usrController",function($scope){$scope.usrList=[];$scope.adduser=function(){console.log($scope.newUsr)$scope.usrList.push({name:$scope.newUsr})}})/*Stylesgohere*/.listItem{border:1pxsolid

javascript - 单击列表中的每个单选按钮后 ng-change 不触发

我正在为我的大学项目创建一个小应用程序,我有一个场景,当用户点击一个单选按钮时,应该触发一个事件。我的Angular代码块:{{count+1}}.{{q.questionText}}{{d.choiceText}}在我的Controller中,我有这段代码:$scope.correctAnswer={isCorrect:false};$scope.getDetails=function(index,choiceList,isCorrect){/*somelogic...*/}事件每个按钮只触发一次,过去几个小时我一直在努力解决这个问题但没有任何进展,有人可以指导我我在这里做错了什么吗

javascript - yield [] 和 yield all() 的区别 - ES6/redux-saga

与ES6的内置yield[]相比,使用redux-saga的yieldall([])有什么优势吗?要并行运行多个操作,redux-saga建议:constresult=yieldall([call(fetchData),put(FETCH_DATA_STARTED),]);但是不用​​all()方法也可以完成同样的事情:constresult=yield[call(fetchData),put(FETCH_DATA_STARTED),];哪个更好,为什么? 最佳答案 没有功能差异,正如MateuszBurzyński(redux-s

javascript - Redux 表单 Prop 和 typescript

多年来一直在寻找,但没有找到任何值得的东西。当我使用Flow时,我可以简单地:import{typeFieldProps,FormProps}from'redux-form';是否有类似(并且简单)的方法可以在typescript中将props正确设置为redux形式?文档没有提到任何关于typescript的内容,只有一个页面用于Flowtypings。但是,我发现我可以从redux-form导入类似propTypes的东西:import{reduxForm,propTypes}from'redux-form'然而-redux-form没有像propTypes导出的东西,所以文档有点

javascript - 如何在没有 devtools 的情况下在控制台中获取 Redux 商店的内容?

安装ReactDevtools后,我可以通过以下方式获取商店:$r.store.getState()没有ReactDevtools怎么办? 最佳答案 我处于无法为窗口分配任何内容的情况,而且我也没有机会使用React或Redux开发工具。这显然没有文档记录而且很脆弱,但它似乎在几个具有redux的不同网站上对我有用。在控制台中输出对状态的访问(稍作调整即可存储)。假设您正在渲染对ID为react-root的dom节点的react。constappStates=[]constreactRoot=document.getElementB