所以我是AngularJS的新手,我正在尝试构建一个非常简单的列表应用程序,我可以创建一个ng-repeat项目列表,然后将所选项目推送到另一个ng-repeat列表中.虽然我的问题似乎很简单,但我还是找不到合适的解决方案.
所以这是简化的标记:
<body ng-app="MyApp">
<div id="MyApp" ng-controller="mainController">
<div id="AddItem">
<h3>Add Item</h3>
<input value="1" type="number" placeholder="1" ng-model="itemAmount">
<input value="" type="text" placeholder="Name of Item" ng-model="itemName">
<br/>
<button ng-click="addItem()">Add to list</button>
</div>
<!-- begin: LIST OF CHECKED ITEMS -->
<div id="CheckedList">
<h3>Checked Items: {{getTotalCheckedItems()}}</h3>
<h4>Checked:</h4>
<table>
<tr ng-repeat="item in checked" class="item-checked">
<td><b>amount:</b> {{item.amount}} -</td>
<td><b>name:</b> {{item.name}} -</td>
<td>
<i>this item is checked!</i>
</td>
</tr>
</table>
</div>
<!-- end: LIST OF CHECKED ITEMS -->
<!-- begin: LIST OF UNCHECKED ITEMS -->
<div id="UncheckedList">
<h3>Unchecked …我正在尝试使用Webpack + Babel在IE> = 11中运行ES2015功能的React App.设置是自定义的,使用inferno-compat图层,因此create-react-app这里没有使用.
但是 - 尽管将最新的babel-polyfill和babel-preset-env实践应用到我的.babelrc和webpack配置中,我仍然在尝试使用IE11访问应用程序时在我的bundle.js中收到SCRIPT1002:语法错误.
当我在IE控制台中遵循语法错误引用时,这是生成的bundle.js中相互冲突的部分(特别是箭头函数):
function add(x, y) {
if (y === undefined) {
return yHolder => add(x, yHolder);
}
return x + y;
}
这些是我的相关依赖package.json:
"dependencies": {
"inferno-redux": "^3.10.1",
"react": "^15.6.0",
"react-dom": "^15.6.0",
"react-ga": "^2.2.0",
"react-swipeable": "^4.1.0",
"redux": "^3.7.2",
"redux-saga": "^0.16.0",
"regenerator-runtime": "^0.11.0"
},
"devDependencies": {
//... stuff
"babel-cli": "^6.26.0",
"babel-core": "^6.25.0",
"babel-eslint": "^7.2.3",
"babel-loader": "^7.1.1",
"babel-plugin-inferno": "^3.2.0",
"babel-plugin-module-resolver": "^2.7.1", …问题说明：
我想使用 Jest 对 redux-saga 进行单元测试。我正在按照 redux-saga 文档中提供的示例中描述的方式执行此操作：https : //redux-saga.js.org/docs/advanced/Testing.html
在我的 Saga 中，我正在调用一个选择器函数selectSet，该函数从应用程序商店返回一个特定对象：
export const selectSet = state => state.setStore.set
在我的传奇中，我试图产生这个选择器函数：
import { put, select } from 'redux-saga/effects'
import { selectSet } from '../selectors'
export function* getSet() {
try {
const set = yield select(selectSet)
yield put({ type: 'SET_SUCCESS', payload: { set } })
} catch (error) {
yield put({ type: 'SET_ERROR', payload: { error } })
}
}
在我的测试中，没有有效的应用程序商店，所以我必须模拟函数以返回预期的对象：
import assert from 'assert'
import * as …javascript ×2
angularjs ×1
arrays ×1
babeljs ×1
controller ×1
jestjs ×1
ng-repeat ×1
react-redux ×1
reactjs ×1
redux-saga ×1
unit-testing ×1
webpack ×1