草庐IT

ng2-redux

全部标签

javascript - 使用 flowtype 和 flow-typed 输入 redux store

我正在尝试totypethereduxstore像这样:consts:Store=createStore(todoApp)但我明白了identifierStore...Couldnotresolvename流量错误知道如何解决这个问题吗?我正在使用这个流类型的声明://flow-typedsignature:ba132c96664f1a05288f3eb2272a3c35//flow-typedversion:c4bbd91cfc/redux_v3.x.x/flow_>=v0.33.xdeclaremodule'redux'{/*S=StateA=Action*/declaretype

javascript - Redux 展示组件与容器组件

我是使用redux进行React开发的初学者。我想知道什么是展示组件和容器组件。如何将组件分类为Presentational或Container?这两者有什么区别?以这种方式对组件进行分类有什么好处? 最佳答案 如果将组件分为两类,您会发现组件更易于重用和推理。我称它们为容器和展示组件。我假设你了解redux架构容器组件了解redux订阅redux状态分发到reduxAction由react-redux生成关注事物的运作方式演示组件不知道redux从Prop中读取数据调用props的回调由开发者编写关注事物的外观对组件进行分类的好处

javascript - Angular2 使用标签更新 ng2-charts

最近我开始使用Angular2工作,并且对框架ng2-charts有疑问。这是我的component.ts代码:import{Component}from'@angular/core';import{ChartsModule}from'ng2-charts';import{PredictionService}from'./prediction.service'@Component({selector:'prediction-result-chart',templateUrl:'./predictionResultChart.component.html'})exportclassPre

javascript - angular ng-repeat后如何访问图像属性?

我正在尝试获取从服务器中提取的图像的图像宽度和高度,以便为其应用适当的样式。所以我使用ng-repeat来填充模板:...我的问题是如何访问img对象以便更改父div类?或者也许angular.js做那样的事情的方式是什么?编辑:更具体。我想访问img对象以获取其宽度和高度以计算其大小以将样式应用于父div(当前类span2)。 最佳答案 我不知道你想做什么,但这听起来像是指令的工作。app.directive('styleParent',function(){return{restrict:'A',link:function(sc

javascript - ng-model Angular 中复选框的 bool 过滤器

item.imposed为1或0。为了使复选框标记为已选中,值必须为true或false。你不能在ng-model中使用过滤器,如何简单正确地实现这一点? 最佳答案 您可以使用ngChecked,但您不会将任何绑定(bind)返回给您的模型:http://jsfiddle.net/fMBQj/或者您可以使用ngTrueValue和ngFalseValue,但您必须使用字符串(而不是int):http://jsfiddle.net/fMBQj/1/或者您可以使用自定义指令...它现在非常蹩脚。

javascript - AngularJS + NG-Grid 将 row.column.field 传递给 ng-click 事件

如何将{{row.getProperty(col.field)}}传递给ng-click?发生的情况是id没有传回,但网格使用id正确呈现。代码:varapp=angular.module('testing',['ngGrid']);app.config(['$locationProvider',function($locationProvider){$locationProvider.html5Mode(true);}]);app.controller('TestCtrl',function($scope){$scope.details=[];//whateverdummydata$

javascript - 当输入字段为空时显示 ng-repeat 列表时 AngularJS 过滤器比较器为真

我将通过这个示例fiddle开始,它演示了使用比较器参数来过滤精确匹配....:http://jsfiddle.net/api/post/library/pure/priority是一个1-100的数字,但我将它作为文本输入并作为字符串过滤所以任何包含子字符串的数据也将通过ng-repeat传递...就像我键入1时它也会显示11、111、132等...这就是我遇到:true比较器的方式。我读过其他建议编写自定义过滤器函数的stackflow答案,但使用真正的比较器,看起来我可以通过以下方式实现我想要的:{{workflowItem.priority}}它只过滤完全匹配的地方。但是,显然

javascript - 将 JavaScript 变量传递给 AngularJs ng-init

我定义了以下javascript变量,需要将memId值传递给AngularJs初始化函数。varmemId="bb7de28f-0f89-4f14-8575-d494203acec7";我收到一个错误:memId未定义。控制台显示ng-init中的memId值未被传入。如何将javascript变量传递给ng-init? 最佳答案 您需要使用$window以“Angular”方式执行此操作:varapp=angular.module('myapp',[]);app.controller('MainCtrl',['$scope','

javascript - ng-model 和值组合不适用于输入文本框

我有两个输入文本框。我需要合并在两个文本框中输入的值并在第三个文本框中显示。如果我只使用第三个文本框中的value,我就可以显示它。方框1:方框2:方框3:方框1+方框2但是,如果我在第三个框中使用模型名称,逻辑似乎不起作用:任何人都可以提出修复建议吗?? 最佳答案 这是一个很好的问题,因为它说明了不正确的“Angular思维”会如何导致问题。使用Angular,您首先从模型开始。然后View绑定(bind)到模型并反射(reflect)它-而不是相反。我的意思是ng-value不会设置模型,尽管它会改变View。您(或者更确切地说

javascript - Redux 如何将状态传递给 mapStateToProps?

我试图了解React和Redux是如何工作的,我正在查看来自thisexampleproject的FuelSavingsPage.js.我在mapDispatchToProps中得到了actions的来源,但我不明白state是如何传递给mapStateToProps或者dispatch如何传递给mapDispatchToProps。这是怎么回事?importReact,{PropTypes}from'react';import{connect}from'react-redux';import{bindActionCreators}from'redux';import*asaction