我确实向Apple的bug报告者提交了bug,但我已经读到将它添加到Open Radar非常有用.
我不清楚目的是什么Open Radar,因为我似乎不能"喜欢"别人的开放雷达......
那么Open Radar的目的是什么?为什么我在这里提交也很重要?
我有一个角度指令,我用它来放置一个按钮形式.模板被隐藏,直到用户需要查看它.它是一个单独工作的简单模板,但是当我将它组合成更大的形式时,模板不会出现.
这是指令:
.directive('buttonToggle', function() {
return {
restrict: 'A',
scope: {
myBtnArr: "="
},
template: '<button ng-click="click()">{{ myBtnTxt[myBtnArr] }}</button>',
link: function(scope) {
scope.myBtnTxt = ["AND", "OR", "NOT"];
scope.click = function() {
scope.myBtnArr = (scope.myBtnArr < 2 ? scope.myBtnArr + 1 : 0);
}
}
};
});
Run Code Online (Sandbox Code Playgroud)
那么工作的HTML:
<div button-toggle my-btn-arr=0></div>
Run Code Online (Sandbox Code Playgroud)
并且html片段不起作用:
<tr ng-show="rowsShown >= 2"><td>Search by:</td><td><div button-toggle my-btn-arr=0></div><select ng-model="selection2" ng-options="option.text for option in options"></select><input type="text" size="20" ng-model="queryF2"><ng-md-icon icon="add_circle_outline" style="fill:#a9a9a9" ng-click="addSearchField();"></ng-md-icon> <ng-md-icon icon="remove_circle_outline" style="fill:#a9a9a9" ng-click="removeSearchField();"></ng-md-icon></td></tr>
Run Code Online (Sandbox Code Playgroud)
当我在更大的部分(由与模板无关的控制器控制)中运行此html时,我收到此错误:
Error: [$compile:nonassign] Expression '0' used …Run Code Online (Sandbox Code Playgroud) 我正在尝试将项目从 Windows 移植到 Mac。在 Windows 上,Windows 项目使用 Windows 系统本身设置的环境变量。在 Mac 上,我似乎必须在 Visual Studio 中逐个项目地设置环境变量。每个项目的六个变量都是相同的,并且有超过 30 个项目文件,所以我认为必须有一种更简单的方法。是否有配置文件或一些更简单的方法来设置它们?大多数变量用于访问 NuGet 或 Azure 的配置。
更新:
对于那些面临同样问题的人:我在 ReactTransitionGroup 的 git 页面上发现了一个类似的问题,其中有解决方案:https : //github.com/reactjs/react-transition-group/issues/182。
老实说,90% 的解决方案让我印象深刻,我根本不明白,这是唯一对我有意义的部分(取自React TransitionGroup 和 React.cloneElement 不发送更新的道具这与 git 问题相关):
传递道具给孩子? 现在的问题是,为什么没有更新的道具被传递给离开元素?那么,它会如何获得道具呢?道具从父组件传递给子组件。如果您查看上面的示例 JSX,您可以看到离开元素处于分离状态。它没有父级,它只是被渲染,因为 将它存储在它的状态中。
我必须进一步研究和了解父组件和子组件的通信方式。我仍然是 Web 开发的新手,但事情正在慢慢开始变得有意义。
------------------
最初提出的问题:
当您尝试通过 React.cloneElement 将状态注入到您的子组件时,离开组件不是这些子组件之一。
我有一个包含导航菜单和嵌套在开关容器之间的路由的小应用程序。每次单击导航项时,我都会检查索引是更高还是更低以相应地设置动画状态(左或右),然后存储单击的导航项的新索引。
每次我切换路线时,应用的动画要么是淡入淡出,要么是淡入淡出。现在这一切正常,但唯一的问题是当类从左向右切换时,应用的 EXIT 动画使用给定的前一个类。
我理解为什么会发生这种情况,这是因为使用的退出类是最初设置的,当新类仅应用于第二次更改时,新的退出才会生效。转换文档非常有限,我找不到任何东西。
const { Component } = React;
const { TransitionGroup, CSSTransition } = ReactTransitionGroup;
const { HashRouter, Route, NavLink, Switch, withRouter } = ReactRouterDOM;
var icons = [
{icon: 'far fa-address-book active', path: '/'},
{icon: 'fab fa-linkedin', path: '/linked'},
{icon: 'fas fa-gamepad', …Run Code Online (Sandbox Code Playgroud)