小编Dil*_*eep的帖子

如何更新角度js中的ng-repeat值？

我是角度js的新手,我有一个数组,我通过ng-repeat指令循环它,我已经编写了代码来复制,删除和编辑数组中的值.

如果我想删除或复制我可以做到,完成了吗？但是,如果我单击编辑,将出现一个弹出框,我想编辑那些更新值应该在数组中更新的值.

我怎么能完成它？

<!doctype html>
<html>
<head>
 <title>Angular app</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.17/angular.min.js">
  </script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<style type="text/css">
  .listv{
     margin-bottom: 30px;
  }
  .editpopup{
     width: 250px;
     height: 250px;
     border: 1px solid black;
     display: none;
     position: absolute;
     top: 0px;
     left: 0px;
     bottom: 0px;
     right: 0px;

     background-color:gray;
  }
  .editpopup-true{
     display: block;
  }
  .editpopup-false{
     display: none;
  }
  </style>
</head>
 <body ng-app="myApp">
    <div ng-controller="myCon">
     <div ng-repeat="s in items" class="listv">
        <span>{{s.id}}</span>
        <span>{{s.pname}}</span>
        <button ng-click="removeStudent($index)">remove</button>
        <button ng-click="copyrow($index)">copy</button>
        <button ng-click="editrow($index)">edit</button>
     </div></br>

     <div class="editpopup editpopup-{{istrue}} ">
        <p>edit id:<input type="text" …

Run Code Online (Sandbox Code Playgroud)

angularjs angularjs-directive angularjs-ng-repeat

Dil*_*eep

2017 02-20

6
推荐指数

1
解决办法

2万
查看次数

如何在制作动画时停止 Tweenmax 动画

我尝试在 TweenMax 中完成动画之前停止动画。最初 div 顶部为“0px”。我将其动画设置为在 3 秒内到达顶部“90px”。如果我点击按钮我想停止它。如何获得？

    TweenMax.to("div", 3, {
        top: '90px',
    }); 
    <div id="stop">stop</div>

Run Code Online (Sandbox Code Playgroud)

jquery gsap

Dil*_*eep

2018 07-13

5
推荐指数

1
解决办法

1万
查看次数

左对齐容器中的倾斜文本

我必须在元素上应用倾斜和旋转.它工作正常但是偏斜的文本没有在它的容器中保持对齐(参见结果图像):

左边的文字溢出容器:H(来自"Hello")和T(来自"The")对齐不正确.

这就是我想要实现的目标:

.skew-parent-wrapper {
  width: 300px;
  margin-left: 100px;
  margin-top: 50px;
  border: 1px solid red;
  padding-bottom: 30px;
}

.skew-text {
  -moz-transform: rotate(-10deg) skew(-30deg, 0deg);
  -webkit-transform: rotate(-10deg) skew(-30deg, 0deg);
  -o-transform: rotate(-10deg) skew(-30deg, 0deg);
  -ms-transform: rotate(-10deg) skew(-30deg, 0deg);
  transform: rotate(-10deg) skew(-30deg, 0deg);
}

Run Code Online (Sandbox Code Playgroud)

<div class="skew-parent-wrapper">
  <h1 class="skew-text">Hello Welcome to the skew text</h1>
</div>

Run Code Online (Sandbox Code Playgroud)

html css css3 skew css-transforms

Dil*_*eep

2017 07-11

5
推荐指数

2
解决办法

567
查看次数

如何在反应中使用表单钩子验证反应选择下拉列表

我是 yup 验证的新手，我正在使用以下选项填充反应选择下拉列表。现在，当我单击一个按钮时，尝试验证是否选择了任何值。但它没有验证。任何帮助深表感谢。

const options = [
        { value: 'active', label: 'Active' },
        { value: 'inactive', label: 'In Active' },
        { value: 'deleted', label: 'Delete' },
 ];

<Select
  defaultValue={options[0]}
  isSearchable={false}
  className="react-dropdown"
  onChange={statusDropdownHandleChange}
  classNamePrefix="dropdown"
  options={options}
  name="status"
  {...register("status")}
/>


let schema = yup.object().shape({
    status: yup.object().shape({
      label: yup.string().required("status is required"),
      value: yup.string().required("status is required")
    })
 });

Run Code Online (Sandbox Code Playgroud)

reactjs yup react-hooks react-hook-form

Dil*_*eep

lucky-day

2
推荐指数

1
解决办法

2万
查看次数