草庐IT

ng2-redux

全部标签

javascript - ng-repeat 中的 Angular 过滤器与深层对象

我正在关注这个问题以按字段过滤ng-repeatng-repeat:filterbysinglefield但我的情况不同,它实际上是主对象的对象值中的一个字段。基本上我只想显示data.a==1以下代码适用于第一个列表。第二个列表给我错误:angular.module('myapp',[]).controller('mainCtrl',function($scope){$scope.items=[{name:"John",data:{a:1}},{name:"Lee",data:{a:2}},{name:"Rue",data:{a:3}},{name:"Peter",data:{a:1

javascript - angular- ui-select - 如何将对象属性绑定(bind)到 ng-model

我在一个简单的用户注册表中使用angular-ui-select:{{$select.selected.name}}这是我的国家数组定义:$scope.countries=[{name:'Afghanistan',code:'AF'},{name:'Albania',code:'AL'},{name:'Australia',code:'AU'},{name:'Austria',code:'AT'},{name:'Azerbaijan',code:'AZ'},{name:'Belarus',code:'BY'},{name:'Belgium',code:'BE'},{name:'Beli

javascript - Angular ng-click 给出语法错误 : Token '{' invalid key at column 22 of the expression

在我发布我的问题之前,只想让您知道我进行了足够多的搜索,但找不到解决方案。这个问题让我很困惑。我有以下代码。首先ng-click正确地将ID插入函数中,但会产生Angular错误(在主题中提到)。第二次ng-click既不生成错误也不插入ID,而是呈现文字。我搜索了所有论坛,大多数人都提到像我的第二次ng-click一样使用它,但它对我不起作用。需要帮助!{{registration.id}}{{registration.dateModified|date}}ED回答:我做了一些测试,发现它让新手感到困惑,因为在FF或Chrome开发人员工具栏的HTML检查器中,您会看到代码将呈现DD

javascript - 在 Angular 中动态重置 ng-form

我查看了以下内容:ResetForminAngularJS和Angularclearsubformdataandresetvalidation从这些我试图创建一个动态表单重置/清除函数,它看起来像下面这样:$scope.clearSection=function(formName){$scope.formName.$setPristine();$scope.formName.$setUntouched();};是否可以在表单名称动态传递给此函数的Angular中创建这样的动态清除函数? 最佳答案 示例plunkr:http://pl

javascript - React/Redux + super 代理,第一次调用被终止

我正在编写一个react-redux应用程序,我在其中使用superagent在我的中间件中进行一些服务调用。我发现了一个非常奇怪的行为,即对我的搜索api的第一次调用总是被终止。我试过在调用第一个电话之前等待10-30秒,并记录过程中的每一步,但我似乎无法查明为什么会发生这种情况。我的Action创作者看起来像exportfunctiongetSearchResults(searchQuery){return{query:searchQuery,type:actions.GO_TO_SEARCH_RESULTS}}它在这里命中了中间件逻辑:vardefaultURL='/myServ

javascript - 初学者的 : const definition in Redux confusing

在这个Redux入门类(class)中https://egghead.io/lessons/javascript-redux-store-methods-getstate-dispatch-and-subscribe?series=getting-started-with-redux,主持人说下面两行是一样的const{createStore}=Redux;varcreateStore=Redux.createStore;我刚刚搜索了ES6const文档,它并没有完全回答我的问题,这两行如何相同? 最佳答案 这与const(这只是定

javascript - 具有内联函数的 Angular ng-click

为什么onclick="window.history.back()"起作用而Angular的ng-click="window.history.back()"不起作用? 最佳答案 您可以将window添加到您的$scope中,甚至更好地添加到$rootScope中,这样每个$scope可以访问window,因此您的初始尝试将如您所愿地工作。将其添加到$rootScope的示例:app.run(['$rootScope',function($rootScope){$rootScope.window=window}])然后你只需调用:Go

javascript - Redux - 了解返回函数的高级 mapStateToProps

我试图了解mapStateToProps返回函数时的机制。所以我找不到太多的文档,除了Redux文档的一个简短摘录,它通过返回一个函数提前说明情况,每个实例都会得到自己的内存mapStateToProps和另一个用户说这是一种防止mapStateToProps被要求更改任何父属性。所以这对于列表项来说似乎很棒,我不想为不影响项目的任何更改重新呈现大型项目列表。所以让我感到困惑的部分是mapStateToProps不会因任何父属性更改而被调用,这是否意味着为了重新呈现单个列表“Item”,它需要成为它的智能连接组件获取它关心的更改并重新渲染?或者这是否意味着它永远不会为这个特定的Item

javascript - Redux reducer 中的传播运算符

我想了解扩展运算符在Redux状态下做了什么?我回答了这个问题PurposeoftheSpreadsyntaxinReact-ReduxReducers但出于某种原因不能说服Answer。谁能用非常简单的术语向我解释为什么我们要这样做caseWHATEVER:return{...state,DateSucess:action.payload,不仅仅是caseWHATEVERreturn{DataSucess:action.payload 最佳答案 扩展运算符与ES6中的相同,仍然是相同的行为(检查MDNdocs)。关于使用...st

javascript - 如何实现新的 react-redux v6.0.0

我正在尝试将react-reduxv5.X.X迁移到v6.0.0并且似乎没有任何文档。我正在使用以下版本:“react”:“^16.4.2”"redux":"^4.0.0""react-redux":"^6.0.0"官方更改日志说。Passingstoreasaproptoaconnectedcomponentisnolongersupported.Instead,youmaypassacustomcontext={MyContext}proptobothand.Youmayalsopass{context:MyContext}asanoptiontoconnect.linkisher